.d0whitebox {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:30px; min-height:0px; border-radius: 30px; display:block;}
.d0bluebox {background-color: #53c6cd; margin-top: 1em; margin-bottom: 1em; padding:30px; min-height:0px; border-radius: 30px; display:block;}

@media only screen and (min-width: 800px) {.d0whitescrollbox {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:30px; max-width: 480px; min-height:410px; border-radius: 30px; display: flex; align-items: center; flex-direction: column; justify-content: start; white-space: normal;}}
@media only screen and (max-width: 799px) {.d0whitescrollbox {background-color: #fff; margin-top: 1em; margin-bottom: 1em; padding:30px; max-width: 280px; min-height:630px; border-radius: 30px; display: flex; align-items: center; flex-direction: column; justify-content: start; white-space: normal;}}

@media only screen and (min-width: 800px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding:0px; min-height:780px; display: flex; align-items: center;}}
@media only screen and (max-width: 799px) {.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding:0px; min-height:500px; display: flex; align-items: center;}}

@media only screen and (min-width: 800px) {.d0leftfade {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100%);}
.d0rightfade {background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100%);}}

@media only screen and (max-width: 799px) {.d0leftfade {background: rgba(255, 255, 255, 0.7);}
.d0rightfade {background: rgba(255, 255, 255, 0.7);}}

.parallax-light {background: rgba(255, 255, 255, 0.8);}

@media only screen and (min-width: 800px) {.d0navycoverright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(25, 31, 109, 1) 49%, rgba(25, 31, 109, 1) 100%);}
.d0navycoverleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(25, 31, 109, 1) 49%, rgba(25, 31, 109, 1) 100%);}}
@media only screen and (max-width: 799px) {.d0navycoverright {background:  rgba(25, 31, 109, 1);}
.d0navycoverleft {background:  rgba(25, 31, 109, 1);}}

@media only screen and (min-width: 800px) {.d0bluecoverright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(83, 198, 205, 1) 49%, rgba(83, 198, 205, 1) 100%);}
.d0bluecoverleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(83, 198, 205, 1) 49%, rgba(83, 198, 205, 1) 100%);}}
@media only screen and (max-width: 799px) {.d0bluecoverright {background: rgba(83, 198, 205, 1);}
.d0bluecoverleft {background: rgba(83, 198, 205, 1);}}

.btn-compliment{background-color: #191F69; color: #fff !important;}

.btn-pink {color: #111; background-color: #ffc0cb;}
.btn-purple {color: #fff; background-color: #ad82ad;}
.btn-green {color: #fff; background-color: #86be53;}
.btn-yellow {color: #111; background-color: #fde223;}

#r8_content .d0navycoverright li:before {color: #fff;}
#r8_content .d0navycoverleft li:before {color: #fff;}

.sf-menu li ul li a:hover {color: #fff;}

#r8_content h3 {font-family: Anton, sans-serif;}
#r8_content h4 {font-family: Anton, sans-serif;}

.d0scrollingwrapper {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; align-items: stretch;
.d0scrollcard {display: inline-block; padding: 0 5px;}}

.btn-block {padding: 10px 16px; font-size: 18px; line-height: 1.3333333;}