.container.grid-xl {
    max-width: 960px;
}

body {
    background-color: #d6d8e6;
}

#hamburger-menu {
    overflow: scroll;
}

.breadcrumb .breadcrumb-item {
    font-size: .9rem;
    color: #ff7b00;
}

.breadcrumb .breadcrumb-item:not(:last-child) a {
    color: #ff7b00;
}

h1, h2, h3, h4, h5, h6 {
    color: #324b88;
}

h1 {
    font-size: 1.75rem;
    line-height: 2.1rem;
    margin-top: 2rem;
    font-weight: 600;
}

h1.sup, h1.sup p, h1.sup div, h1.sub, h1.sub p, h1.sub div {
    font-size: 1.25rem;
    line-height: 1.33rem;
}

h1.sup, h1.sup p, h1.sup div {
    margin-bottom: 0;
}

h1.sub, h1.sub p, h1.sub div {
    margin-top: -1rem;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 1.3rem;
    line-height: 1.4rem;
}

h3 {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

h4 {
    font-size: 1.1rem;
    line-height: 1.2rem;
}

h5 {
    font-size: 1rem;
    line-height: 1.1rem;
}

h6 {
    font-size: .9rem;
    line-height: 1rem;
}

.menu .menu-item > a {
    font-size: 1rem;
    padding: .25rem;
}

main {
    padding: 0;
    margin: 0rem 2rem;
}
@media (max-width: 840px) {
    main {
        margin: 0 1.5rem;
    }
}

main a {
    color: #5886f4;
}

main p, main div, main li {
    font-size: .95rem;
    line-height: 1.33rem;
}

footer a, footer a:hover, footer a:visited {
    color: #5886f4;
}


.box, .card {
    border-width: 0;
    background-color: #eec950;
}

.box h1, .card h1 {
    margin: 0 0 .5rem 0;
}

.card-body .divider {
    border-top: 1;
    border-color: #496fcb;
}

span.hamburger-inner::before {
    background-color: #FFF;
}
span.hamburger-inner {
    background-color: #FFF;
}
span.hamburger-inner::after {
    background-color: #FFF;
}