.page-template-document-page {
    background-color: var(--light-grey-bg);
}

.page-template-document-page .site-content {
    background-color: transparent;
}

.page-template-document-page .site-content-inner {
    display: block;
}

.section-page {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .section-page {
        padding: 10px 0 50px;
    }
}

@media (min-width: 992px) {
    .section-page {
        padding: 30px 0 80px;
    }
}

.page-template-document-page .wrap {
    max-width: 900px;
}

.page-template-document-page .section-page h1 {
    margin-bottom: 20px;
    font-size: 30px;
}

@media (min-width: 768px) {
    .page-template-document-page .section-page h1 {
        margin-bottom: 40px;
        font-size: 36px;
    }
}

@media (min-width: 992px) {
    .page-template-document-page .section-page h1 {
        margin-bottom: 70px;
        font-size: 42px;
    }
}

.page-template-document-page .entry-content {
    max-width: 100%;
    background: var(--light-color);
    padding: 20px 20px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .page-template-document-page .entry-content {
        padding: 40px 60px;
    }

}