body{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
body nav{
    background-color: #4A614F;
}
body nav a{
    color: White;
}

body header{
    height: 250px;
    margin-top: 0px;
}
body header.blog-header{
}
body header.blog-header a{
    color: White !important;
}
body header div.row{
    background-color: #E0E0DC;
    height: 290px;
}

footer{
    background-color: #D1D1CA;
    padding: 30px
}
footer span{
    color: white;
}
.jumbotron{
    background-color: #A0B5A6;
    padding-top: 1em;
    padding-bottom: 1em;    
}

.jumbotron .jumbotron-heading{
    color: white;
    border-bottom: none;
    font-family: 'Big Caslon'
}
.jumbotron .lead{
    font-family: 'Avenir';
}

h1, h2, h3, h4, h5{
    font-weight: 300;
}

h1{
    padding-top: 0.8em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
}

main a{
    color: teal;
    text-decoration: underline;
}

.site-header{
    font-family: 'Avenir';
    letter-spacing: 0.17em;
}

body main{
    background-color: #E9EAE2;
}


@media (max-width: 576px) {  
    header img{
        width: 80%;
    }    
}

@media (min-width: 576px) {  
    header img{
        width: 80%;
    }    
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header img{
        width: 600px;
    }
}