/* Ajustes específicos para dispositivos móveis */
@media (max-width: 768px) {
    /* Remover espaço entre o header e a foto principal */
    .hero-banner {
        margin-top: 70px !important;
    }
    
    /* Ajustes para o header */
    header {
        height: 70px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Esconder as tags br em telas pequenas para remover espaço em branco */
    .hero-banner + br,
    .hero-banner + br + br,
    .hero-banner + br + br + br,
    .hero-banner + br + br + br + br,
    .hero-banner + br + br + br + br + br {
        display: none !important;
    }
    
    /* Ajustes para a seção Sobre Nós */
    #sobre {
        margin-top: 0 !important;
    }
    
    /* Ajustes para o título Sobre Nós */
    .sobre h2 {
        margin-top: 10px !important;
    }
}