/* Исправление позиции логотипа для мобильных устройств */

/* Для экранов меньше 768px (мобильные) */
@media (max-width: 768px) {
    .logo {
        transform: translate(0, 10px) scale(2.5) !important;
        transform-origin: center center !important;
    }
}

/* Для экранов от 769px до 1280px (планшеты) */
@media (min-width: 769px) and (max-width: 1280px) {
    .logo {
        transform: translate(-50px, 10px) scale(3.5) !important;
        transform-origin: left center !important;
    }
}

/* Для больших экранов оставляем как есть */
@media (min-width: 1281px) {
    .logo {
        transform: translate(-150px, 10px) scale(4.5) !important;
        transform-origin: left center !important;
    }
}