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

    .conteudoPaginaPrincipal{
        display: block;
        padding: 0.9rem;
    }

    .conteudoPaginaPrincipal .TextosPaginaPrincipal h1 {
        font-size: 5rem;
    }
    
    .conteudoPaginaPrincipal .TextosPaginaPrincipal h2 {
        font-size: 3rem;
        width: 40rem;
    }

    .conteudoPaginaPrincipal .TextosPaginaPrincipal p {
        font-size: 2rem;
        width: 40rem;
    }

    .conteudoPaginaPrincipal .ImagemDeModelo img {
        display: none;
    }

    .conteudoPaginaPrincipal .TextosPaginaPrincipal a button {
        display: none;
    }



    .FakeFooter h1 {
        font-size: 1rem;
    }



    .conteudoPaginaSobreOevento {
        display: grid;
    }

    .iconPaginaSobreOevento{
        display: flex;
        justify-content: center;
    }

    .conteudoPaginaSobreOevento .iconPaginaSobreOevento img {
        width: 20rem;
    }

    .TextosPaginasSobreoEvento h1 {
        font-size: 1.5rem;
        width: 40rem;
    }



    .ConteinerCard {
        display: grid;
    }



    .ConteudoPaginaProfessor {
        display: grid;
    }

    .TituloProfessor {
        font-size: 3rem;
        margin-top: 5rem;
    }

    .descricaoProfessor {
        font-size: 2rem;
        text-align: center;
        padding: 2rem;
        width: 30rem;
    }



    .ConteinerForms {
        display: grid;
    }

    .tituloForms h1 {
        width: 40rem;
        font-size: 2rem;
    }

    .forms form input {
        width: 30rem;
    }

    .forms form button {
        width: 33.3rem;
    }

}