/* Responsive logo styles - Generated by admin script - Tue 20 May 03:28:51 EEST 2025 */
.logo-animation {
    text-align: center;
    position: relative;
    z-index: 5;
    margin: 0 auto 20px;
    width: 100%;
    transition: opacity 1.5s ease, transform 1.5s ease;
}

.logo-animation img {
    max-width: 100%;
    height: auto;
    transition: width 0.3s ease;
}

.extended-logo {
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}

/* Media queries for responsive logo */
@media (max-width: 768px) {
    .logo-animation img {
        width: 250px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .logo-animation img {
        width: 400px;
    }
}

@media (min-width: 1025px) {
    .logo-animation img {
        width: 500px;
    }
}

/* Initial hidden state for logo animation - Added by correction script */
.initial-hidden {
    opacity: 0;
    transform: scale(0.8);
}