/* Mobile menu */
@media only screen and (max-width: 1250px ) {
    #desktop-banner {display: none !important;}
    #desktop-menu {display: none !important;}
    }

@media only screen and (min-width: 1251px ) {
    #mobile-banner {display: none !important;}
    #mobile-menu {display: none !important;}
    }

@media only screen and (min-width: 1600px) {
    #logo {width:35% !important;}
}

/* ------------------------------------------------------- Desktop version */

#desktop-banner {
    position:relative;
    width:100%;
    display:flex;
    justify-content: center;
}

#logo {
    width:50%;
    padding:32px 32px 16px 32px;
}

#social {
    position:absolute;
    right: 20px;
    padding:6px;
}

#desktop-menu {
    position:relative;
    display:flex;
    justify-content: center;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

#desktop-menu > #menu-items {

}

/* ------------------------------------------------------- Mobile version */
#mobile-banner {
    width:100%;
    display:flex;
    justify-content: center;
}

#mobile-banner img {
    width:60%;
    padding:16px;
}

#mobile-menu {
    background-color:black;
    border:1px solid blue;
}

.mob-menu-button {
    padding-left:12px;
    padding-right:12px;
}