/* DESKTOP */
#logo{
    width:700px!important;
    height:95px!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
}

#logo img{
    height:170px!important;
    max-width:700px!important;
    width:auto!important;
}

/* MOBILE */
@media(max-width:768px){

    body > div,
    header,
    #header,
    .header,
    .top-navigation,
    .main-header{
        overflow:visible!important;
    }

    #logo{
        width:100vw!important;
        height:125px!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        margin:0!important;
        padding:0!important;
        transform:translateY(-20px)!important;
        position:relative!important;
        left:50%!important;
        margin-left:-50vw!important;
        z-index:5!important;
        pointer-events:none!important;
    }

    #logo a{
        width:100vw!important;
        height:125px!important;
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        pointer-events:none!important;
    }

    #logo img{
        height:185px!important;
        max-width:98vw!important;
        width:auto!important;
        display:block!important;
        margin:0 auto!important;
        object-fit:contain!important;
        pointer-events:none!important;
    }

    .header-buttons,
    .user-navbar,
    #user_navbar,
    .login-area,
    .user-navbar-container{
        position:relative!important;
        z-index:99999!important;
    }
}