/* Very Small devices (tablets, 480px and up) */
@media (min-width: 480px) { 

    .post_content { font-size: 1em; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    .sm-left { text-align: left; }
    .sm-center { text-align: center; }
    .sm-right { text-align: right; }  
    .sm-hidden { display: none; }
    .sm-block { display: block; }
    .sm-inlineblock { display: inline-block; }

    #homelogo { width: 50%; }  
}

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

    .md-left { text-align: left; }
    .md-center { text-align: center; }
    .md-right { text-align: right; }
    .md-hidden { display: none; }
    .md-block { display: block; }
    .md-inlineblock { display: inline-block; }

    .col-md-15 {
        width: 20%;
        float: left;
    }    

    #homelogo { width: 800px; }  

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
    .lg-left { text-align: left; }
    .lg-center { text-align: center; }
    .lg-right { text-align: right; }
    .lg-hidden { display: none; }
    .lg-block { display: block; }
    .lg-inlineblock { display: inline-block; }

    .col-lg-15 {
        width: 20%;
        float: left;
    }    
}

/* DOM width */
@media (min-width: 1000px) { 

    body.home .pageSection > div { width: 900px; margin: 0 auto; }

}

/* ----------------- */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (min-height: 768px) { 

    #burger { padding: 1em; }
    #burger > div { width: 3em; height: 3em; }

    #burger { padding: 2em; }
    #pageHeader,
    #headerBackground,
    body.page #embers { height: 7em; }
    #headerBackground { background-size: 100% 20em; }
    #pageHeader > div {margin-left: 7em; padding: 2em; }
    #headerLogo { height: 3em; }
    body.page #wrap { margin-top: 7em; }

    .featured_image { height: 20em; }

}