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

@media(max-width:1200px){

    .container{

        padding:30px;

    }

}

@media(max-width:992px){

    .container{

        flex-direction:column;

    }

}

@media(max-width:768px){

    h1{

        font-size:36px;

    }

    h2{

        font-size:28px;

    }

}

@media(max-width:480px){

    h1{

        font-size:30px;

    }

    h2{

        font-size:24px;

    }

}