.post-content-section {
        position: relative;
        padding-top: 40px;
}

.banner-content .banner-title{
        background: var(--eleventh-color);
}


.single-post #footer {
        margin-top: 32px;
}
.default-section.posts-section {
        padding-bottom: 200px;
}
.breadcrumb{
        margin-bottom: 0;
}
.breadcrumbs a:hover {
        color: var(--primary-color);
}
.single-post .breadcrumb-container {
        padding: 0 var(--margin-section);
}
.single-post .breadcrumbs {
        grid-column: 4 / span 6;
}
.single-post .content-container {
        position: relative;
        grid-column: 4 / span 6;
}
.single-post .content-container::before {
        content: '';
        position: absolute;
        top: -24px;
        left: 0;
        height: 6px;
        width: 104px;
        background: #000;
}
.single-post .content-container .standfirst{
        display: block;
        font-size: 28px;
        line-height: 1.2;
        font-weight: bold;
        margin-bottom: 24px;
}

.post-content-section .graphic-element {
        left: -24px;
        top: 240px;
        transform: rotate(70deg);
}

.posts .graphic-element:first-of-type {
        right: 128px;
        top: 0px;
}
.posts .graphic-element:nth-of-type(2) {
        bottom: 0;
        right: 40px;
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
        .single-post .breadcrumbs,
        .single-post .content-container {
                grid-column: 3 / span 8;
        }

        .single-post #footer {
                margin-top: 104px;
        }
        .default-section.posts-section {
                padding-bottom: 64px;
        }
}

.content a{
       text-decoration: underline;
}

.content a:hover{
        color: var(--eleventh-color);
}

@media (max-width: 992px) {
        .single-post #footer{
                margin-top: 64px;
        }
}

@media (max-width: 768px) {
        .single-post .breadcrumbs,
        .single-post .content-container {
                grid-column: 2 / span 10;
        }

        .single-post #footer{
                margin-top: 24px;
        }
}

@media (max-width: 576px) {
        .single-post .breadcrumbs,
        .single-post .content-container {
                grid-column: 1 / span 12;
        }
}