.responsive-visible {
    display: none;
}


/* Large desktops and laptops */


@media (min-width: 1600px) {


}


@media (min-width: 1800px) {

}

@media (min-width: 2000px) {

}

@media (min-width: 2200px) {

}

/* Large desktops and laptops */
@media (max-width: 1500px) {


}

@media (max-width: 1300px) {


}

/* Large desktops and laptops */
@media (max-width: 1200px) {


}

@media (max-width: 1192px) {


}

@media (max-width: 1100px) {


}

@media (max-width: 1024px) {
    header#masthead {
        padding: 10px 0!important;
    }
    #mainnav ul li a {
        font-size: 7vw;
        height: auto;
        letter-spacing: 1px;
        font-weight: 500;
        width: auto;
        max-width: 100vw;
    }
    #mainnav ul li a:hover {
        color:#FFFFFF;
    }

    .responsive-site-logo {
        display: block;
        margin: auto;
        max-width: 200px;
        margin-bottom: 5%;
    }

    #mainnav ul li a {
        color: #FFFFFF;
        line-height: normal;
    }

    body.scrolled .menu-white #mainnav ul li a {
        color: #FFFFFF;
        line-height: normal;
    }

    .responsive-site-logo {
        display: block;
        margin: auto;
        max-width: 200px;
        margin-bottom: 5%;
    }

}

@media (max-width: 991px) {

    .responsive-hidden {
        display: none;
    }

    .responsive-visible {
        display: block;
    }

}

@media (max-width: 900px) {


}

/*Portrait tablets and small desktops*/
@media (max-width: 800px) {

}

@media (max-width: 768px)
{

}

/* Landscape phones and portrait tablets */
@media (max-width: 720px) {


}

@media (max-width: 600px) {


}

@media (max-width: 550px) {


}

/* Portrait phones and smaller */
@media (max-width: 480px) {


}

@media (max-width: 380px) {


}