@media(min-width: 320px) and (max-width: 720px){

    /* Pagina inicial */

    .logo img {
        width: 5rem;
    }

    .InfoDaEsquerda{
        display: grid;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .ElementosAesquerda {
        margin-bottom: 1rem;
    }

    .textos {
        width: 32rem;
    }

    .InfoDaEsquerda h1{
        font-size: 1.5rem;
    }

    .InfoDaEsquerda h2 {
        font-size: 1rem;
    }

    form input {
        width: 20rem;
        height: 2.5rem;
    }

    #InformacoesDeDataeHora {
        font-size: 0.9rem;
    }

    button {
        width: 20rem;
        height: 4rem;
        font-size: 1rem;
    }

    .FotoDoProfessor img {
        width: 30rem;
        margin-left: 0;
    }

    /* Pagina de treino  */
    .tituloDeTreino {
        display: grid;
        justify-content: center;
    }

    .tituloDeTreino h1 {
        font-size: 1.5rem;
    }

    .tituloDeTreino h2 {
        font-size: 1rem;
    }

    .cards {
        display: block;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .InfoDasAulas {
        width: 32rem;
    }

    .InfoDasAulas h1 {
        margin-top: 0;
    }

    .InfoDasAulas h2 {
        margin-bottom: 2rem;
    }

    .card1 img {
        width: 20rem;
    }
    
    .card2 img {
        width: 20rem;
    }
    
    .card3 img {
        width: 20rem;
    }

    hr{
        display: none;
    }

    /* tela para a ultima chamada do email  */

    .UltimaChamadaEmail{
        gap: 0.2rem;
        height: 10rem;
        padding: 1rem;
    }

    .TituloUltimaChamada{
        width: 32rem;
    }

    .TituloUltimaChamada h1{
        font-size: 0.9rem;
    }

    #btn2{
        width: 16rem;
        height: 2rem;
        font-size: 0.9rem;
    }

    .form2 form input{
        width: 15rem;
        height: 2rem;
        font-size: 1rem;
    }

    /* pagina do professor  */

    .paginaProfessor{
        display: block;
        justify-content: space-evenly;
        justify-content: center;
        margin-top: 2rem;
    }

    .imgProf2 img{
        display: none;
    }

    .imgProf2Oculto img{
        width: 30rem;
        margin: 3rem auto;
        display: block;
    }

    .descricaoProf{
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .tituloDoProf h2{
        margin: 0;
        font-size: 1rem;
    }
    
    .tituloDoProf h1{
        margin: 0;
        font-size: 1.5rem;
    }

    .descricaoCompleta{
        width: 32rem;
    }
    
    .descricaoCompleta h1{
        font-size: 1rem;
    }
    
    /* footer  */

    footer h1{
        font-size: 0.9rem;
    }
}