@font-face {
    font-family: avenir;
    src: url("/custom/avenir-next-condensed-regular.otf") format("opentype");
}

p, h1, h2, h3, h4, body {
  font-family: 'avenir' !important;
}

.logo_container {
    text-align: left;
}

#et-top-navigation {
    text-align: left;
}

#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center !important;
}


/* MENU */

span.mobile_menu_bar:before {
    color: black !important;
}

#main-header {
    position: relative;
    z-index: 99999;
    top: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0px 0 rgba(0,0,0,.1);
    box-shadow: 0 0px 0 rgba(0,0,0,.1);
    font-weight: 500;
    line-height: 23px;
}

/* IMAGE OVERLAY */

/*------------------------------------------------*/
/*---------[ GQ CUSTOM IMAGE OVERLAYS ]-----------*/
/*------------------------------------------------*/
 
     /* FADE IN TEXT */
        .gq_overlay_text .custom_overlay {
            position: relative;}
        .gq_overlay_text .image {
            display: block;
            width: 100%;
            height: auto;}
        .gq_overlay_text .overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            transition: .5s ease;
            background-color: rgba(0,0,0,0.4);}
        .gq_overlay_text .custom_overlay:hover .overlay {
            opacity: 1;}
        .gq_overlay_text .text {
            color: #fff;
            font-size: 22px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            width: 100%;}


/* Logo mobile */

@media only screen and (max-width: 981px) {
#logo {
height: 80px; /*change this to adjust the size*/
max-height: 80px !important; /* change this to adjust the size */
padding-bottom:12px;
margin-top: 20px;
}
}