/*575 px sizing and under*/
@media (max-width: 575px) {
    .myheadertext {
        position: relative;
        left: 85px;
        bottom: 65px;
        font-size: 20px;
        font-family: 'Slabo 27px', serif;
        font-family: 'Lato', sans-serif;
        color: #FFFFFF;
    }

    .myheaderlogo {
        position: absolute;
        left: 5px;
        top: 50px;
        width: 15%;
        height: 50%;
    }

    .mybiologo {
        height: 0%;
        width: 0%;
    }

    .mynav {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #EAECEF;
        color: #360080;
        font-size: 20px;
    }

    .myactivenav {
        background-color: #360080;
        color: #EAECEF;
        font-size: 20px;
    }

    .myfooterhide {
        display: none;
    }



}
/*575 px sizing and under*/

/*767 px sizing and under*/
@media (min-width: 576px) and (max-width: 767px) {
    .myheadertext {
        position: relative;
        left: 140px;
        bottom: 80px;
        font-size: 30px;
        font-family: 'Slabo 27px', serif;
        font-family: 'Lato', sans-serif;
        color: #FFFFFF;
    }

    .myheaderlogo {
        position: absolute;
        left: 45px;
        top: 25px;
        width: 15%;
        height: 70%;
    }

    .mybiologo {
        height: 0%;
        width: 0%;
    }

    .mynav {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #EAECEF;
        color: #360080;
        font-size: 20px;
    }

    .myactivenav {
        background-color: #360080;
        color: #EAECEF;
        font-size: 20px;
    }

    .myfooterhide {
        display: none;
    }

    .hidegalarysm {
        display: none;
    }

}
/*767 px sizing and under*/

/*991 px sizing and under*/
@media (min-width: 768px) and (max-width: 991px) {
    .myheadertext {
        position: relative;
        left: 175px;
        bottom: 90px;
        font-size: 40px;
        font-family: 'Slabo 27px', serif;
        font-family: 'Lato', sans-serif;
        color: #FFFFFF;
    }

    .myheaderlogo {
        position: absolute;
        left: 50px;
        top: 0px;
        width: 15%;
        height: 100%;
    }

    .mybiologo {
        height: 0%;
        width: 0%;
    }

    .mynav {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #EAECEF;
        color: #360080;
        font-size: 20px;
    }

    .myactivenav {
        background-color: #360080;
        color: #EAECEF;
        font-size: 20px;
    }

    .hidegalarymd {
        display: none;
    }

}
/*991 px sizing and under*/

/*1199 px sizing and under*/
@media (min-width: 992px) and (max-width: 1199px) {
    .myheadertext {
        position: relative;
        left: 215px;
        bottom: 100px;
        font-size: 55px;
        font-family: 'Slabo 27px', serif;
        font-family: 'Lato', sans-serif;
        color: #FFFFFF;
    }

    .myheaderlogo {
        position: absolute;
        left: 50px;
        top: 0px;
        width: 15%;
        height: 100%;
    }

    .mybiologo {
        position: relative;
        left: 10px;
        width: 90%;
    }

    .mynav {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #EAECEF;
        color: #360080;
        font-size: 20px;
    }

    .myactivenav {
        background-color: #360080;
        color: #EAECEF;
        font-size: 20px;
    }

    .hidegalarylg {
        display: none;
    }

    .commissionbio {
        font-size: 16px;

    }

}
/*1199 px sizing and under*/

/*1200 px sizing and over*/
@media (min-width: 1200px) {
    .myheadertext {
        position: relative;
        left: 250px;
        bottom: 110px;
        font-size: 70px;
        font-family: 'Slabo 27px', serif;
        font-family: 'Lato', sans-serif;
        color: #FFFFFF;
    }

    .myheaderlogo {
        position: absolute;
        left: 50px;
        top: 0px;
        width: 15%;
        height: 100%;
    }

    .mynav {
        padding-left: 0px;
        padding-right: 0px;
        background-color: #EAECEF;
        color: #360080;
        font-size: 30px;
    }

    .myactivenav {
        background-color: #360080;
        color: #EAECEF;
        font-size: 30px;
    }

    .commissionbio {
        font-size: 16px;

    }

}
/*1200 px sizing and over*/