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

    /* parte de cima  */

.parteDeCima{
    justify-content: space-evenly;
}

#NomedoMes h1{
    font-size: 2rem;
}

#setasParaAvancar a img{
    width: 2rem;
}

/* parte de baixo  */

#dias img{
    width: 4rem;
}

/* conversa com tutor */

#Conversacomtutor .mainCartao{
    width: 27rem;
    height: 9rem;
}

#Conversacomtutor .mainCartao .texto p{
    font-size: 1.5rem;
}

#Conversacomtutor .mainCartao .imgCartao img{
    width: 5rem;
    padding: 1.9rem;
}

/* Escolher emoção */

#EscolherEmocao .mainCartao{
    width: 27rem;
    height: 9rem;
}

#EscolherEmocao .mainCartao .texto p{
font-size: 1.5rem;
}

#EscolherEmocao .mainCartao .imgCartao img{
    width: 5rem;
    padding: 1.9rem;
}

/* Em breve */

.EmBreve .mainCartao{
    width: 27rem;
    height: 9rem;
    margin-bottom: 5rem;
}

.EmBreve .mainCartao .texto p{
font-size: 1.5rem;
}

.EmBreve .mainCartao .imgCartao img{
    width: 5rem;
    padding: 1.9rem;
}
}