@import url("main.inc.css");

/*
This stylesheet handles styles specific for about.inc.php.
It is included by index.php.


***************************
** Begin Default Styling **
*/

.bio + .bio {
    margin-top: 184px;
}

blockquote::before {
    background-image: url(../images/open-quote-solid.svg);
}

blockquote::after {
    background-image: url(../images/close-quote-solid.svg);
}

blockquote {
    position: relative;
    font-size: 125%;
    font-weight: 500;
    margin: 70px 0 0 0;
    max-width: 600px;
}

@media screen and (min-width: 1200px) {

    .about em {
        font-size: 125%;
    }

    .about img {
        width: 100%;
    }

    blockquote {
        font-size: 200%;
        margin-top: 175px;
    }

}  /*  End of 1200px  */