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

/* Section dos controles acima */

.Controler .nome h1{
    font-size: 2rem;
}

/* Parte das emoções */

/* Emoção feliz  */

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

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

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

/* emoção ameno */

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

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

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

/* Emoção triste  */

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

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

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