/* Hero National Day Logo Styling */
.hero-national-logo {
    height: 70px;
    width: auto;
    object-fit: contain;
    filter: brightness(1.1);
    transition: all 0.3s ease;
}

.hero-logo {
    position: absolute;
    bottom: 40px;
    left: 80px;
    z-index: 3;
}

/* Responsive adjustments for hero logo */
@media (max-width: 768px) {
    .hero-logo {
        left: 20px;
        bottom: 20px;
    }
    
    .hero-national-logo {
        height: 50px;
    }
    
    .hero-content {
        right: 20px !important;
        bottom: 80px !important;
    }
    
    .hero-content h1 {
        font-size: 32px !important;
    }
    
    .hero-content p {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .hero-national-logo {
        height: 40px;
    }
    
    .hero-logo {
        left: 15px;
        bottom: 15px;
    }
}