.logo-mobile {
    width: 200px;
    height: 54px; 
    background: url('/assets/images/logo/logo_mobile.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

@media(min-width: 1222px) {
    .logo {
        width: 300px;
        height: 54px; 
        margin-top: -10px;
        background: url('/assets/images/logo/logo_text1.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media(max-width: 1222px) {
    .logo {
        width: 200px;
        height: 54px; 
        margin-top: -10px;
        background: url('/assets/images/logo/logo_text2.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
}