/* About page article layout */
.about-article-box {
    color: #d6d6d6;
}

.about-article-box .title-about {
    color: #ffffff;
    margin-bottom: 14px;
    line-height: 1.25;
}

.about-article-subtitle {
    font-size: 18px;
    line-height: 1.75;
    color: #bdbdbd;
    margin-bottom: 0;
}

.about-side-image img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

.about-intro-row {
    margin-bottom: 40px;
}

.about-intro-text {
    color: #d4d4d4;
}

.about-article-fullwidth {
    width: 100%;
}

.about-article-body {
    color: #d2d2d2;
}

.about-article-body p,
.about-article-body li {
    font-size: 17px;
    line-height: 1.9;
    color: #d2d2d2;
}

.about-article-body h1,
.about-article-body h2,
.about-article-body h3,
.about-article-body h4,
.about-article-body h5,
.about-article-body h6 {
    color: #ffffff;
    line-height: 1.3;
    margin: 32px 0 14px;
}

.about-article-body h2 {
    font-size: 30px;
}

.about-article-body h3 {
    font-size: 24px;
}

.about-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 14px 0 20px;
}

.about-article-extra {
    display: none;
}

.about-article-actions {
    margin-top: 24px;
}

.about-article-actions.bottom-action {
    margin-top: 28px;
}

@media (max-width: 991px) {
    .about-side-image {
        margin-bottom: 30px;
    }

    .about-intro-row {
        margin-bottom: 26px;
    }
}

@media (max-width: 767px) {
    .about-article-subtitle,
    .about-article-body p,
    .about-article-body li {
        font-size: 16px;
        line-height: 1.8;
    }

    .about-article-body h2 {
        font-size: 25px;
    }

    .about-article-body h3 {
        font-size: 21px;
    }
}