@media(max-width:1000px){
    .modal-container {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    #info-travel > *{
        padding: 0;
    }
    #info-travel h2{
        font-size: 2rem;
    }
    #info-travel h4{
        font-size: 1rem;
    }
    
    .city-description{
        gap: .5rem;
    }
    
    .city-text {
        height: 40%;
        max-height: 40%;
    }
    
    
    #conteudo-dinamico-viagem h4{
        font-size: 1rem;
    }
    .botao-transporte{
        height: 100%;
    }
    .button-acao-viagem{
        padding: .2rem;
    }
    
    .introducaoShadowDiv{
        padding: 1.5rem!important;
    }

    #telaInicioContainer{
        width: 70% !important;
        height: 60% !important;
    }
    #telaInicioTexto,#textoInicioJogo h3,.botaoInicioJogo,#botaoVideo{
        font-size: 1rem !important;
    }

    #alimentacaoModal .modal-dialog{
        max-width: 50%!important;
    }

    #mainRespondeu h2{
        font-size: 2rem !important;
      }


      #city-video > :first-child {
        width: 30% !important;
      }
}