/* =========================
   RESPONSIVIDADE GLOBAL
   ========================= */


/* Evita elementos ultrapassarem a tela */

* {
    max-width: 100%;
}


/* Imagens sempre se adaptam */

img {

    max-width: 100%;

    height: auto;

    display: block;

}


/* Evita rolagem horizontal */

html,
body {

    overflow-x: hidden;

}


/* Tablets */

@media (max-width: 768px) {


    body {

        padding: 15px;

    }


    h1 {

        font-size: 26px;

    }


    h2 {

        font-size: 22px;

    }


    h3 {

        font-size: 18px;

    }


    button,
    a {

        font-size: 15px;

    }


}


/* Celulares */

@media (max-width: 480px) {


    body {

        padding: 10px;

    }


    h1 {

        font-size: 50px;

        text-align: center;

    }


    h2 {

        font-size: 20px;

        text-align: center;

    }


    h3 {

        font-size: 16px;

    }


    button {

        width: 100%;

        min-height: 42px;

    }


    input,
    select {

        width: 100%;

        font-size: 16px;

    }


    a {

        display: inline-block;

        max-width: 100%;

    }


}