html, body{
}
.main-header{
    /* background-color: #37414d; */
}
.main-body{
    padding: 0 3% 10% 3%;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    color: #868b8b;
    margin-top: calc(55px + 8vw);
}
h1{
    text-align: center;
    margin-bottom: 5%;
    font-weight: 600;
    color: #636666;
    margin-top: 5%;
    font-size: 2.25rem;
}
p{
    font-size: 16px;
    font-weight: 300
}
strong, b{
    font-weight: 600;
}
.doc-sectio-minititle{
    font-weight: 600
}

h3{
    font-size: 1rem;
}
.close-btn{
    transform: rotate(45deg);
    color: #37414d;
    position: absolute;
    right: calc(0px + 14px);
    font-size: calc(35px + 2vw);
    cursor: pointer;
    line-height: 0;
    display: none;
}

.close-btn.show{
    display: block;
}
@media (min-width:992px) {
    .main-header{
        background-color: rgba(255, 255, 255, 0.9);
    }    
    .main-body{
        padding: 6% 15% 10% 15%;
        text-align: left;
        font-size: 16px;
        font-weight: 300;
        color: #868b8b;
        margin-top: auto;
    }
}

 /* Extra large devices (large desktops, 1700px and up)*/
 @media (min-width: 1700px) { 
    .navbar {
        /* margin-top: -1.4%; */
    }
    .sbp-logo-desktop-wrapper {
        margin: 1.25% 0 1% 1%;
        /* padding: 0% 4% 0% 2%; */
    }

}