/*=========================================================
MOBILE
=========================================================*/

@media (max-width:576px) {

    html {

        font-size: 15px;

    }

    body {

        padding-bottom: 70px;

    }

    .app-container {

        padding: 14px 12px 80px;

    }

    h1 {

        font-size: 1.7rem;

    }

    h2 {

        font-size: 1.45rem;

    }

    h3 {

        font-size: 1.25rem;

    }

    .section-title {

        font-size: 18px;

    }

    .btn {

        min-height: 48px;

    }

}


/*=========================================================
TABLET
=========================================================*/

@media (min-width:577px) and (max-width:991px) {

    .app-container {

        max-width: 720px;

        padding: 20px;

    }

}


/*=========================================================
DESKTOP
=========================================================*/

@media (min-width:992px) {

    .app-container {

        max-width: 820px;

        padding: 25px;

    }

}