/******************************** 
CSS Styling to accompany blurb.js
by Joel Gluck
*********************************/

@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("http://fonts.googleapis.com/css?family=Lato:300,400");


#blurbbox { 
    margin: 0px auto; 
    height: 300px; 
    text-align: center; 
    font-family: "Lato", Helvetica, sans-serif;
    font-style: italic; 
    font-size: calc(0.6em + 1vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#blurbbox p { 
    max-width: 50%; 
    min-width: 200px;
    color: gray;
    font-weight: 500;
    margin: 0px auto;
    display: none; 
    }

/* ============== Adjust for Phones ============== */

@media only screen and (max-device-width: 768px) {

    #blurbbox { 
        font-size: calc(0.6em + 3vw);
        height: 500px; 
    } 

}