/* Header */

#header .content {
    max-width:100%;
    overflow: hidden;
    padding:50px 30px;
    text-align: right;
}
@media (max-width:1024px) {
    #header .content {
        padding:30px;
    }
}
@media (max-width:770px) {
    #header .content {
        padding:20px;
    }
}
/* Logo */
#header .content #logo {
    width:120px;
    height:120px;
    display: block;
    float: left;
}
#header .content #logo figure {
    margin:0;
    display: block;
    width:inherit;
    height:inherit;
}
#header .content #logo figure img {
    width:100%;
    height:auto;
}

@media (max-width:1024px) {
    #header .content #logo {
        height:100px;
        width:100px;
    }
}
@media (max-width:770px) {

    #header .content #logo {
        height:60px;
        width:60px;
    }
}
/* Contact info */

#header .content .button {
    margin:40px 0 0 20px;
}

@media (max-width:1024px) {

    #header .content .button {
        margin:30px 0 0 20px;
        padding:0 8px;
    }
    #header .content .button:before,
    #header .content .button label {
        display: none;
    }
    #header .content .button svg {
        margin:8px 0 0;
    }
}
@media (max-width:770px) {

    #header .content .button {
        margin:10px 0 0 10px;
    }

}
