.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0
}

span {
    font-family: inherit
}

p + p {
    margin-top: 2rem
}

button a {
    color: var(--color-1) !important
}

.content {
    overflow-x: hidden
}

h1.title-max::after {
    margin: 14.5px auto 36.8px -30px
}

h3.unsubtitle::after {
    margin: 34px auto 44px -50px
}

.img-sticky-partial {
    max-width: 100%;
    overflow: hidden
}

.img-sticky {
    width: 100%;
    max-width: 644px
}

.pt-140 {
    padding-top: 140px
}

.pe-135 {
    padding-right: 135px
}

.pb-170 {
    padding-bottom: 170px
}

.row > * {
    padding: 0
}

.text-justify {
    text-align: justify
}

.p-right {
    padding-right: 30px
}

@media (max-width:575.98px) {
    h1 .title-max {
        font-size: 35px !important;
        line-height: 40px
    }

    h3.unsubtitle {
        font-size: 20px;
        line-height: 25px
    }

        h3.unsubtitle::after {
            margin: 24px auto 34px -50px
        }

    .img-sticky-partial {
        height: 250px
    }

    .img-sticky {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .pt-140 {
        padding-top: 50px
    }

    .pe-135 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-170 {
        padding-bottom: 50px
    }

    .img-section {
        height: 280px
    }

    .p-right {
        padding-right: 0
    }

    @media (max-width:479.98px) {
        .img-sticky-partial {
            height: 200px
        }

        .img-section {
            height: 230px
        }
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    h1.title-max {
        font-size: 35px !important;
        line-height: 40px
    }

    h3.unsubtitle {
        font-size: 20px;
        line-height: 25px
    }

        h3.unsubtitle::after {
            margin: 24px auto 34px -50px
        }

    .img-sticky-partial {
        height: 300px
    }

    .img-sticky {
        width: 100%;
        max-width: 100%;
        height: auto
    }

    .pt-140 {
        padding-top: 60px
    }

    .pe-135 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-170 {
        padding-bottom: 60px
    }

    .img-section {
        height: 345px
    }

    .p-right {
        padding-right: 0
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    h1.title-max {
        font-size: 40px !important;
        line-height: 45px
    }

    h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    .pt-140 {
        padding-top: 75px
    }

    .pe-135 {
        padding-right: 50px
    }

    .pb-170 {
        padding-bottom: 75px
    }

    .img-sticky {
        width: 100%;
        max-width: 100%;
        height: auto;
        transform: translate(0,-28%) !important;
        max-height: 470px
    }

    .img-sticky-partial {
        height: 430px
    }

    .img-section {
        height: 400px
    }

    .p-right {
        padding-right: 0
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    h1.title-max {
        font-size: 40px !important;
        line-height: 45px
    }

    h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    .img-sticky {
        transform: translate(-10%,0) !important
    }

    .pt-140 {
        padding-top: 100px
    }

    .pe-135 {
        padding-right: 50px
    }

    .pb-170 {
        padding-bottom: 100px
    }

    .p-right {
        padding-right: 30px
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    @media (max-width:1259.98px) {
        .content {
            max-width: 100%
        }
    }

    h1.title-max {
        font-size: 40px !important;
        line-height: 45px
    }

    h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    .pt-140 {
        padding-top: 100px
    }

    .pe-135 {
        padding-right: 50px
    }

    .pb-170 {
        padding-bottom: 100px
    }
}