.terms{
    font-weight: bold;
}

/*--------------------------------------------------------------
# landing-bigbanner Section
--------------------------------------------------------------*/
.landing-bigbanner-pages {
    font-family: 'Nunito', sans-serif;
    overflow: hidden;
    margin: auto;
    max-width: 1920px;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
}

.landing-bigbanner-pages .character {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: url(../img/page/banner-bg.png) center bottom no-repeat;
    width: 100%;
    text-align: center;
    height: calc(calc(100vw / 1920) * 681);
    max-height: 681px;
    background-size: cover;
}

@media (max-width: 1600px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 700);
    }
}

@media (max-width: 1400px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 715);
    }
}

@media (max-width: 1300px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 725);
    }
}

@media (max-width: 1200px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 735);
    }
}

@media (max-width: 1100px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 750);
    }
}

@media (max-width: 1001px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 765);
    }
}

@media (max-width: 901px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 782.5);
    }
}

@media (max-width: 801px) {
    .landing-bigbanner-pages .character {
        height: calc(calc(100vw / 1920) * 820);
    }
}

.landing-bigbanner-pages .character img {
    position: relative;
    margin: 0 auto;
    height: calc(calc(100vw / 1920) * 584);
    max-height: 584px;
    bottom: -97px;
}

.landing-bigbanner-pages .text {
    position: relative;
    height: calc(calc(100vw / 1920) * 81);
    max-height: 81px;
    font-family: 'Nunito', sans-serif;
}

.landing-bigbanner-pages .text h1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 1400px) {
    .main .container {
        width: 60%;
    }
}

/*--------------------------------------------------------------
# Main Section
--------------------------------------------------------------*/
.main .container {
    width: 40%;
    padding: 3em 0 4em;
}

@media (max-width: 1300px) {
    .main .container {
        width: 60%;
    }
}

.main .section-header {
    font-size: 1.75rem;
    font-family: 'Nunito', sans-serif;
    margin: 1em 0 .5em;
}

.main .container .row p {
    font-size: 1.05rem;
    line-height: 1;
}

.main .container.spaced .row p {
    margin: 3em 0 2em;
}

@media (max-width: 768px) {
    .landing-bigbanner-pages .character img {
        height: calc(calc(100vw / 1920) * 504);
        bottom: -119px;
    }

    .main .container {
        width: 90%;
        padding: 3em 0 2em;
    }

    .landing-bigbanner-pages .text h1 {
        font-size: calc(1.25rem + 1vw);
    }

    .main .section-header {
        font-size: 1.25rem;
        margin: 1.5em 0 .5em;
    }

    .fs-4 {
        font-size: calc(1.25rem + .3vw) !important;
    }

    .main .container .row p {
        font-size: 1rem;
    }
}

@media (max-width: 700px) {
    .landing-bigbanner-pages .character img {
        height: calc(calc(100vw / 1920) * 450);
        bottom: -136px;
    }

    .landing-bigbanner-pages .text h1 {
        font-size: calc(1rem + 1vw);
    }
}

@media (max-width: 650px) {
    .landing-bigbanner-pages .character img {
        height: calc(calc(100vw / 1920) * 450);
        bottom: -125px;
    }

    .main .container {
        padding: 1em 0;
    }

    .landing-bigbanner-pages .text h1 {
        font-size: calc(.9rem + 1vw);
    }

    .landing-bigbanner-pages .text img {
        height: 500%;
    }

    .main .section-header {
        font-size: 1.05rem;
        margin: 1.25em 0 .5em;
    }

    .fs-4 {
        font-size: calc(1.05rem + .3vw) !important;
    }

    .main .container .row p {
        font-size: .9rem;
    }
}

@media (max-width: 620px) {
    .landing-bigbanner-pages .character img {
        bottom: calc(calc(100vw / 620) * -120)
    }
}

@media (max-width: 550px) {
    .main .container {
        padding: .5rem 0;
    }

    .landing-bigbanner-pages .text h1 {
        font-size: calc(.65rem + 1vw);
    }

    .main .section-header {
        font-size: .9rem;
        margin: 1.25em 0 .5em;
    }

    .fs-4 {
        font-size: calc(.7rem + .3vw) !important;
    }

    .main .container .row p {
        font-size: .6rem;
    }
}

@media (max-width: 450px) {
    .main .container {
        padding: .5rem 0;
    }
}

@media (max-width: 350px) {
    .main .container {
        padding: .25rem 0;
    }

    .landing-bigbanner-pages .text h1 {
        font-size: calc(.45rem + 1vw);
    }

    .main .section-header {
        font-size: .7rem;
        margin: 1.25em 0 .5em;
    }

    .fs-4 {
        font-size: calc(.65rem + .3vw) !important;
    }

    .main .container .row p {
        font-size: .5rem;
    }
}