/* header mobile */

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

    .site-branding {
        height: 100px;
    }

    #site-navigation {
        font-size: 1.1em;
    }

    /* Logos */

    #text-logo {
        margin-left: 25px;
    }

    /* Contact menu */

    .site-branding .contact-menu{
        padding: 0 0 14px 20px;
    }

    .site-branding .contact-menu .contact-menu-buttons {
        height: 21px;
    }

    .site-branding .contact-menu .contact-menu-text{
        font-size: 14px;
    }
}

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

    /* Remove contact menu */

    .site-branding .contact-menu{
        display: none;
    }

}

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

    /* Reduce logos */

    .site-branding {
        height: 80px;
    }

}

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

    /* Reduce logos */

    .site-branding {
        height: 60px;
    }

    /* Reduce font size */

    #site-navigation {
        font-size: 0.9em;
    }

    /* Reduce items padding */

    #site-navigation span,
    #site-navigation ul li{
        padding: 10px 10px 2px 10px;
    }

}