.page-background {
    background-color: rgba(255, 255, 255, 1);
}

.drawer-title {
    color: rgba(255, 255, 255, 1);
    font-family: Lato, sans-serif;
    font-size: 19pt;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.3;
    padding-bottom: 62.5px;
    padding-left: 48px;
    padding-right: 36px;
    padding-top: 11.5px;
}

.drawer-brand-link {
    margin-top: 0px;
    margin-left: 48px;
    margin-bottom: 24px;
    margin-right: 24px;
}

.brand-container {
    color: rgba(255, 255, 255, 1);
}

.header-background {
    background-color: rgba(33, 33, 33, 1);
}

.menu-button {
    color: rgba(178, 178, 178, 1);
}

.menu-button:hover:before {
    background-color: rgba(255, 255, 255, 0.1199999973);
    display: block;
}

.nav-item {
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
}

.drawer-item-active {
    color: rgba(255, 255, 255, 1);
}

.drawer-link:hover {
    color: rgba(255, 255, 255, 1);
}

.desktop-item-active {
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
}

.desktop-link:hover {
    color: rgba(255, 255, 255, 1);
}

.transparent-header-theme .brand-container {
    color: rgba(255, 255, 255, 1);
}

.transparent-header-theme .desktop-item {
    color: rgba(255, 255, 255, 0.8700000048);
}

.transparent-header-theme .desktop-link:hover {
    color: rgba(255, 255, 255, 1);
}

.transparent-header-theme .desktop-item-active {
    color: rgba(255, 255, 255, 1);
}

.transparent-header-theme .light-navigation .brand-container {
    color: rgba(0, 0, 0, 0.8000000119);
}

.transparent-header-theme .light-navigation .desktop-item {
    color: rgba(0, 0, 0, 0.6399999857);
}

.transparent-header-theme .light-navigation .desktop-link:hover {
    color: rgba(0, 0, 0, 0.8199999928);
}

.transparent-header-theme .light-navigation .desktop-item-active {
    color: rgba(0, 0, 0, 0.8199999928);
}

.transparent-header-theme .header-background {
    opacity: 0;
}

.body-text {
    color: rgba(33, 33, 33, 1);
    font-family: Lato, sans-serif;
    font-size: 11pt;
    font-weight: 400;
    line-height: 1.6667;
    margin-top: 12px;
}

.page-title {
    color: rgba(30, 108, 147, 1);
    font-family: Lato, sans-serif;
    font-size: 34pt;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin-top: 30px;
}

.title-section .page-title {
    font-size: 64pt;
    letter-spacing: 2px;
    line-height: 1;
    margin-top: 40px;
}

@media only screen and (max-width: 479px) {
    .title-section .page-title {
        font-size: 40pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .title-section .page-title {
        font-size: 53pt;
    }
}

.compact-title-section {
    height: 180px;
    padding-bottom: 32px;
    padding-top: 60px;
}

.compact-title-section .body-text {
    color: rgba(0, 0, 0, 1);
}

.compact-title-section .page-title {
    color: rgba(30, 108, 147, 1);
    font-size: 45pt;
    line-height: 1.1;
}

@media only screen and (max-width: 479px) {
    .compact-title-section .page-title {
        font-size: 30pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .compact-title-section .page-title {
        font-size: 38pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .compact-title-section {
        padding-top: 45px;
    }
}

@media only screen and (max-width: 479px) {
    .compact-title-section {
        padding-bottom: 0px;
        padding-top: 30px;
    }
}

.nav-drawer {
    background-color: rgba(33, 33, 33, 1);
    font-family: Lato, sans-serif;
    width: 250px;
}

@media only screen and (min-width: 1280px) {
    .nav-drawer {
        padding-top: 48.5px;
    }
}

.brand-container {
    font-family: Lato, sans-serif;
    font-size: 15pt;
    font-weight: 300;
    line-height: 1.333;
}

.nav-item {
    font-family: Lato, sans-serif;
    font-size: 12pt;
}

.drawer-item {
    line-height: 1.21;
}

.drawer-link {
    padding-bottom: 11.5px;
    padding-top: 11.5px;
}

.header-background {
    opacity: 1;
}

@media only screen and (max-width: 479px) {
    .drawer-title {
        font-size: 15pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .drawer-title {
        font-size: 17pt;
    }
}

@media only screen and (max-width: 479px) {
    .page-title {
        font-size: 24pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .page-title {
        font-size: 29pt;
    }
}

@media only screen and (max-width: 479px) {
    .brand-container {
        font-size: 13pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .brand-container {
        font-size: 14pt;
    }
}

@media only screen and (max-width: 479px) {
    .nav-item {
        font-size: 12pt;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nav-item {
        font-size: 12pt;
    }
}