body {
   background-color: #084c7f;
}

.nav-menu button {
   margin-top: 30px;
   width: 100px;
}
.nav-menu div {
   text-align: center;
}
.nav-menu div a {
   font-size: 10pt;
   margin-top: 5px;
   padding: 0;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
   background-color: #084c7f;
   color: #fff;
}
.nav-menu a.link-blue:hover, .nav-menu .active > a.link-blue, .nav-menu li:hover > a.link-blue {
   background-color: #5d98b5;
}

#header {
   border-bottom: #3e657c 60px solid;
   height: 200px;
}
#header.landing-header {
   background-color: #fff;
   border-bottom-color: #fff;
   height: 140px;
   padding: 15px 0;
}
#header .logo img, #header.landing-header .logo img {
   max-height: 100px;
}

#footer {
   background-color: transparent;
   height: 100px;
}

div.hero-header {
   font-size: 32pt;
   height: 150px;
   padding: 25px 0 25px 0;
   text-align: center;
}
@media (max-width: 800px) {
   div.hero-header {
      font-size: 18pt;
      padding: 50px 0 50px 0;
   }
}
@media (max-width: 414px) {
   div.hero-header {
      font-size: 24pt;
      padding: 25px 0 25px 0;
   }
}

div.spacer {
   height: 20px;
}

.band, .half-band div.band-content {
   font-size: 2.0em;
   padding: 30px 50px 50px 50px;
   height: 150px;
}
.band {
   border-top: transparent 10px solid;
   border-bottom: transparent 10px solid;
   color: #fff;
}

.half-band {
   color: #000;
   display: flex;
   padding-top: 0px; padding-bottom: 0px;
}
.half-band div.band-content {
   background-color: #fff;
   height: 100%;
   width: 50%;
}
.half-band p {
   font-size: 12pt;
}
.half-band.push-right {
   justify-content: flex-end;
}
@media (max-width: 1024px) {
   .half-band div.band-content {
      width: 98%;
   }
   
   div.band-content h3 {
      font-size: 1.25rem;
   }
}

.bg-blue {
   background-color: #5d98b5;
}
.bg-gray {
   background-color: #7c7d7f;
}
.bg-navy {
   background-color: #084c7f;
}
.bg-yellow {
   background-color: #ffe180;
   color: #3e657c;
}
.bg-red {
   background-color: #ea5c67;
}
.bg-slate-blue {
   background-color: #3e657c;
}
.bg-white {
   background-color: #fff;
}

.bg-image-1 {
   background-color: #ccc;
   background-position: center;
   border-width: 0px;
}
.bg-image-2 {
   background-color: #ccc;
   background-image: url(https://picsum.photos/1200/200);
   background-position: center;
   border-width: 0px;
}

.border-blue {
   border-top: #5d98b5 10px solid;
}
.border-navy {
   border-top: #084c7f 10px solid;
}
.border-yellow {
   border-top: #ffe180 10px solid;
}
.border-red {
   border-top: #ea5c67 10px solid;
}
.border-bottom-navy {
   border-bottom: #084c7f 10px solid;
}
.border-bottom-yellow {
   border-bottom: #ffe180 10px solid;
}

button.btn {
   margin-top: 5px;
   padding: 0.3em;
}
button.btn-blue {
   background-color: #5d98b5;
   color: #fff;
}
button.btn-red {
   background-color: #ea5c67;
   color: #fff;
}
button.btn-yellow {
   background-color: #ffe180;
   color: #3e657c;
}
button.btn-yellow:hover {
   color: #fff;
}

div.click-text {
   color: #3e657c;
   cursor: pointer;
   font-size: 12pt;
   margin-top: 5px;
}
div.click-text:hover {
   color: #000;
}

.video-block {
   width: 100%;
   margin-left: auto; margin-right: auto;
}
.youtube-wrapper {
   height: 0;
   position: relative;
   padding-top: 25px;
   padding-bottom: 56.25%; /* 16:9 */
}
.youtube-wrapper iframe {
   position: absolute; top: 0; left: 0;
   width: 100%; height: 100%;
}

.clearfix {
   clear: both;
}
.pull-right {
   float: right;
}