.main_body{
    margin-left: 5rem; 
    margin-right: 20rem; 
    margin-top: 25px;
    display: flex;
}

.back_main_color{
    background: #03254b;
}
.back_seconds_color{
    background: #307ad5;
}
.white_color{
    color: #ffffff;
}
/* 
.nav_side_container{
    background: #03254b;
    color: #ffffff;
    padding: 1rem;
} */

main {
    padding: 2rem; 
    margin-left: 1rem;
}

aside{
    position: sticky;
    top: 7rem;
    padding: 1.5rem;
}

article p,
article ul li {
    font-size: 1.15rem;
}

article figcaption {
    font-size: 1rem;
}

.body_text{
    font-size: 1rem;
}

.full-width img {
  width: 100%;
  height: auto;
}

.float-image {
    height: auto;
    max-width: 500px;
    margin: 0 0 1rem 0;
}

.float-image.right {
    float: right;
    margin-left: 1.5rem;
}

.float-image.left {
    float: left;
    margin-right: 1.5rem;
}

.float-image img {
    width: 100%;
    height: auto;
    display: block;
}

.section_head h2{
    padding-top: 2rem;
    font-size: 2rem;
}
.section_bar{
    background: linear-gradient(to right, #03254b, #5695e2, #7ba7dc); 
    height: 8px; 
    width: 100%;
}

.sub_headding{
    font-size: 1.5rem;
    width: fit-content;
}
.sub_headding_bar{
    margin-top: .25rem;
    background: linear-gradient(to right, #000509, #054690); 
    height: 4px;
}

.prose::after {
  content: "";
  display: table;
  clear: both;
}

article figure {
    background: white;
    padding: 1rem;
}

figcaption {
    font-size: 0.875rem;
    opacity: 0.8;
    margin-top: 0.5rem;
}

.body_container{
    display: grid; 
    grid-template-columns: 325px 1fr; 
    min-height: auto;
    align-items: start;
}

article p a,
article li a {
    color: #307ad5;
    font-weight: bold;
}
p a:hover {
    color: #03254b;
    font-weight: bold;
    text-decoration: underline;
}
p a:visited {
    color: #03254b;
    font-weight: bold;
}

.mobile_sidebar{
    visibility: hidden;
    height: 0;
}

@media (max-width: 1600px) {
    .main_body{
        margin-left: 2.5rem; 
        margin-right: 10rem; 
        margin-top: 25px;
        display: flex;
    }
}

@media (max-width: 1350px) {
    .main_body{
        margin-left: 0.5rem; 
        margin-right: 0.5rem; 
        margin-top: 25px;
        display: flex;
    }
}

@media (max-width: 768px) {
    .main_body{
        margin-left: 0; 
        margin-right: 0; 
        margin-top: 25px;
        display: grid;
    }
    .mobile_sidebar{
        visibility: visible;
        width: 100%;
        z-index: 10;
    }
    .float-image {
        float: none;
        max-width: 100%;
        margin: 1rem 0;
    }
    aside{
        visibility: hidden;
        width: 0;
        padding: 0;
    }
    .body_container{
        display: flex;
        width: 100%;
        min-height: auto;
    }
}