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

/* imagem dos emojis */
.imagem img{
   display: none;
}

.imagemMobile{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.imagemMobile img{
    width: 30rem;
}

/* titulo da pagina */
.titulo h1{
    font-size: 2.5rem;
    margin-bottom: 2.5rem;
}

/* sections dos logins */
.logins #google{
    width: 30rem;
    height: 4.5rem;
    border-radius: 2rem;
}

#google a p{
    font-size: 1.5rem;
}

#google a img{
    width: 2.5rem;
}

.logins #visitante{
    width: 30rem;
    height: 4.5rem;
    border-radius: 2rem;
}

#visitante a{
    padding: 1rem;
}

#visitante a img{
    width: 2.5rem;
}

#visitante a p{
    font-size: 1.5rem;
}
}