/* Réduction de la hauteur de la section hero pour faire remonter les éléments */
@media (max-width: 768px) {
    /* Réduire la hauteur de la section hero */
    .hero {
        height: 90vh !important; /* Réduction de la hauteur à 90% de la hauteur de l'écran */
    }
    
    /* Ajuster la position du contenu */
    .hero .container {
        padding-top: 60px !important; /* Réduction du padding supérieur */
        gap: 20px !important; /* Réduire l'espace entre les colonnes (logo et texte) */
    }
    
    /* Remonter le logo */
    .animated-logo-container {
        transform: translateY(-20px) !important;
    }
    
    /* Réduire l'espace entre le logo et le titre */
    .hero-image {
        margin-bottom: -30px !important; /* Réduire l'espace sous l'image */
    }
    
    /* Ajuster la position du titre hero */
    .hero-title {
        margin-top: -15px !important; /* Remonter le titre */
    }
    
    /* Ajuster la position de l'élément "Découvrir" */
    .hero-scroll {
        bottom: 15px !important;
    }
}