.logo-wrap .toplogo-logo{
    display: block;
    width: 18%;
    float: left;
    margin-top: .5rem;
}


.row .logo-text .bottomlogo-logo{
    display: inline-block;
    width: 65%;
    transform: translateY(-15%);
}



@media (max-width: 1024px) {
    .logo-wrap .toplogo-logo{
        display: block;
        width: 25%;
        float: left;
    }
    
    .row .logo-text .bottomlogo-logo{
    display: inline-block;
    width: 50%;
    transform: translateY(-15%);
    }
    
}

@media (max-width: 768px) {
    .logo-wrap .toplogo-logo{
        display: block;
        width: 30%;
        float: left;
    }
    
    .row .logo-text .bottomlogo-logo{
    display: inline-block;
    width: 40%;
    transform: translateY(-15%);
    }
}

@media (max-width: 468px) {
    .logo-wrap .toplogo-logo{
        display: block;
        width: 32%;
        float: left;
    }
    
    .row .logo-text .bottomlogo-logo{
        display: inline-block;
        width: 35%;
        transform: translateY(-15%);
    }
}



@media (max-width: 768px) {
    .desktop{
        opacity: 0;
        visibility: hidden;
    }
    
    .momo{
        opacity: 1;
        visibility: visible;
    }
}

@media (min-width: 768px) {
    .momo{
        opacity: 0;
        visibility: hidden;
    }
    .desktop{
        opacity: 1;
        visibility: visible;
    }
}