@media only screen and (min-width: 1599px) {
    /* HEADER */
    .banner {
        height: 861px;
    }
    .header h1 {
        top: 260px;
    }
    .header .btn-large {
        top: 670px;
    }
}

@media only screen and (max-width: 992px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
    }

    /* FLEX OPTIONS */
    .flex-align-center {
        flex-direction: column;
    }
    .flex-align-center div {
        width: 100% !important;
        margin: 0 !important;
    }

    /* NAVBAR */
    nav .brand-logo {
        left: auto;
        transform: initial;
    }

    /* HEADER */
    .header h1 {
        width: 100%;
        max-width: 416px;
    }
    .header .btn-large {
        left: 15%;
    }

    /* INTRO */
    .intro #ytplayer,
    .intro img {
        margin-top: 30px !important;
    }

    /* GRID */
    .grid-3 {
      column-count: 2;
      -moz-column-count: 2;
      -webkit-column-count: 2;
    }

    /* CONTATO */
    .flex-align-center .contato {
      margin-top: 40px !important;
    }
}

@media only screen and (max-width: 768px) {
    /* HOW IT WORKS */
    .owl-carousel .owl-hiw {
        min-height: auto;
    }
}

@media only screen and (max-width: 600px) {
    h1 {
        font-size: 24px;
        line-height: 28px;
    }

    /* HEADER */
    .header h1 {
        max-width: 320px;
        position: initial;
        padding-top: 195px;
        margin-bottom: 210px;
    }
    .header .btn-large {
        position: initial;
        top: initial;
        left: initial;
    }

    /* FOOTER */
    footer h4.slogan {
        font-size: 22px;
        line-height: 26px;
        font-weight: normal;
        margin-bottom: 40px !important;
    }
    footer ul li {
        margin-top: 20px;
    }

    /* GRID */
    .grid-3,
    .grid-2 {
      column-count: 1;
      -moz-column-count: 1;
      -webkit-column-count: 1;
    }
}

@media only screen and (max-width: 450px) {
    /* BOOK ITEMS */
    .book-item p {
      font-size: 12px;
      line-height: 16px;
    }
}

@media only screen and (max-width: 360px) {
    /* BUTTONS */
    .btn-large {
        width: 100%;
    }

    /* HEADER */
    .banner {
        background: url('../assets/background-mobile.svg') no-repeat center center;
        background-size: cover;
    }
    .header h1 {
        padding-top: 142px;
        margin-bottom: 30px;
    }
}