.media-body {
    margin: 2rem auto 6rem;
    width: 95%;
}

.article-and-banner {
    width: 100%;
}

.media-body .article-and-banner article {
    margin: 0 auto;
    width: 90%;
}

.media-body .article-and-banner article h1 {
    margin: 0.5rem 0;
}

.media-body .article-and-banner article > img {
    width: 100%;
}

.media-body .article-and-banner article > img:not(:last-child) {
    margin-bottom: 1rem;   
}

.media-body .article-and-banner article p#bread-crumb {
    font-size: 14px;
}

.media-body .article-and-banner article p:not(.maintain-text-format) {
    white-space: normal;
}

.media-body .article-banner {
    width: 100%;
}

.media-body .commercial {
    aspect-ratio: 16 / 9;
    margin-bottom: 1rem;
    width: 100%;
}

.media-body .side-nav h4 {
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    .media-body {
        flex-direction: column;
    }
    
    .media-body .side-nav {
        margin: 2rem 1rem 0;
        width: 100%;
    }
}