/* Section 2 */
#introduction .section-2 .section-title {
    line-height: 1;
}

#introduction .section-2 .about-us {
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
    #introduction .section-2 .about-us {
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 1200px) {
    #introduction .section-2 .about-us {
        margin-bottom: 5.75rem;
    }
}

/* Section 3 */
#introduction .section-3 .container-fluid {
    background-color: #c9252c;
}

@media only screen and (min-width: 992px) {
    #introduction .section-3 .container-fluid {
        background-position-x: calc(100% + 150px);
        background-position-y: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #introduction .section-3 .quote {
        padding-right: 60%;
    }
}

@media only screen and (min-width: 992px) {
    #introduction .section-3 .container-fluid {
        background-position-x: calc(100% + 180px);
    }
}

@media only screen and (min-width: 1280px) {
    #introduction .section-3 .container-fluid {
        background-position-x: right;
    }
}

#introduction .section-3 .quote a {
    color: inherit;
}

#introduction .section-3 .quote .title {
    font-size: 1.5rem;
}

@media only screen and (min-width: 992px) {
    #introduction .section-3 .quote .title {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width: 1200px) {
    #introduction .section-3 .quote .title {
        font-size: 2rem;
    }
}

#introduction .section-3 .quote .horizontal-rule:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 45px;
    height: 2px;
    background-color: #fff;
}

/* Section 4 */
#introduction .section-4 .image-wrapper:after {
    padding-top: 66.94444%;
}

#introduction .section-4 .image-wrapper .image {
    background-color: transparent;
}

#introduction .section-4 .title {
    font-size: 1.25rem;
}

#introduction .section-4 .list-item .item .content *:last-child {
    margin-bottom: 0px;
}

/* Section 5 */
#introduction .section-5 .image-wrapper:after {
    padding-top: 66.94444%;
}

#introduction .section-5 .image-wrapper .image {
    background-color: transparent;
}

#introduction .section-5 .list-item .item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

#introduction .section-5 .list-item .item .title {
    font-size: 1.05rem;
}

#introduction .section-5 .list-item .item .title:hover {
    cursor: pointer;
}

#introduction .section-5 .list-item .item .content *:last-child {
    margin-bottom: 0px;
}

/* Section 6 */
@media only screen and (min-width: 992px) {
    #introduction .section-6.section-introduction .section-title {
        width: initial;
    }
}

#introduction .section-6.section-introduction .list-cover .item .item-wrapper:before {
    background: linear-gradient(to bottom, transparent 60%, #000 100%);
}

#introduction .section-6.section-introduction .list-cover .item .main-info .title {
    font-size: 1rem;
    text-transform: uppercase;
}

#introduction .section-6.section-introduction .section-right {
    overflow-x: initial;
}

#introduction .section-6.section-introduction .list-cover .item .main-info .title {
    font-size: 0.9rem;
}

#introduction .section-6.section-introduction .list-cover .item .main-info .sub-title {
    font-size: 0.8rem;
}

@media only screen and (min-width: 768px) {
    #introduction .section-6.section-introduction .list-cover .item .main-info .title {
        font-size: 1.25rem;
    }

    #introduction .section-6.section-introduction .list-cover .item .main-info .sub-title {
        font-size: 1rem;
    }
}

#introduction .section-6 .leader {
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) {
    #introduction .section-6 .leader {
        margin-bottom: 3rem;
    }
}

@media only screen and (min-width: 1200px) {
    #introduction .section-6 .leader {
        margin-bottom: 5.75rem;
    }
}