@charset "UTF-8";


/*celular grande*/
@media screen and (min-width: 576px) {
   

    .aviso > p {
        font-size: 1.8em;
    }

    h1 {
        font-size: 2.3em;
    }

    

    main > p {
        font-size: 1.5em;
    }


    nav > a {
        font-size: 2.3em;
    }

     nav > a > img {
        width: 40px;
        height: auto;
    }

     .beneficios > div > p {
        font-size: 1.4em;
    }
}

/*CELULAR GRANDE*/

@media screen and (min-width: 800px) {
    h1 {
        font-size: 2.7em;
        
    }

    nav > a > img {
        width: 50px;
        height: auto;
    }
}


@media screen and (min-width: 900px) {
    
    .aviso {
        height: 110px;
    }

    .aviso > p {
        font-size: 2.1em;
    }

    h1 {
        font-size: 3.3em;
    }
    
    main > p {
        font-size: 2em;
    }

    nav {
        height: 140px;
    }

    nav > a {
        font-size: 3.2em;
    }

    nav > a > img {
        width: 70px;
        height: auto;
    }

    .beneficios > div > p {
        font-size: 1.8em;
    }
}

@media screen and (min-width: 1000px) {
    
}