@media (max-width: 64em) {
       .site-header__end {
        display: none;
        }
}
.home-quicklinks p {
    font-size: 1.2em;
}
     .mobile-image {
        display:none;
    }
     .home-quicklinks {
         width:100%;
         background: #338084;
         color:#fff;
    }
     .row {
        margin: 0 auto;
         padding: 0;
    }
     .column-1-3 .quicklinks p {
         margin-bottom: 1rem;
         color:#fff;
    }
     .map .column.column-1-3 {
         border: none;
    }
     .column-1-3 {
         padding: 2rem;
         text-align: center;
         border-right: dotted #399094 8px;
    }
     .column-1-3 .button {
        background: #2a3059;
         border: 3px solid #fff;
         margin: 1rem 0;
    }
     .column-1-3 .button:hover {
        background: #338084;
    }
     .quicklinksbg {
        max-width: 80rem;
    }
     .applypanel {
         right: 2.7rem;
         border: 3px solid #fff;
    }
     .applypanel .button.yellow.full {
         margin: .2rem 0;
    }
     .column-1-3 li a::after {
         position: initial;
    }
     @media (min-width: 64em) {
         .header .menu .menu-wrap {
             position: relative;
             z-index: 1;
             width: 100%;
             margin: 0 auto;
             background: #338084;
        }
    }
     @media (max-width: 48em) {
         #hpVideo video, #pause {
             display: none;
        }
         .column-1-3 {
             border-bottom: dotted #399094 5px;
             border-right: none;
        }
         .mobile-image {
            display:block;
             margin:0;
        }
         .mobile-image img {
            margin:0;
        }
         #hpVideo {
        }
         .floating-box-inner {
             background: #2a3059;
        }
         #hpVideo {
             margin-top: 0;
        }
         .floating-box-inner {
             padding:2rem;
        }
    }
     #pause {
         position: absolute;
         width: 6rem;
         left: 3rem;
         top: 10rem;
         color: #fff;
         background: #2a3059;
         border: none;
         padding: .5rem;
         border: #fff 3px solid;
    }
     #pause .fa-play {
         color: #fff;
    }
     h1 {
        color: #fff;
         margin: 0 0 .6rem 0;
         clear: both;
         padding: 0;
    }
     #pause:hover {
         text-decoration: underline;
         text-underline-offset: 0.2em;
         background: #338084;
    }
     #pause a:hover {
         color: #fff;
    }
     #hpModule-Search {
         background: none !important;
    }
     @media (max-width: 48em) {
         #pause {
             bottom: 14rem;
        }
         .page-canvas {
             padding-top: 4.5rem;
        }
    }
     #BCCvideo {
         display: block;
         max-width: 100%;
    }
     .MaxAI .oclt-km6168, .MaxAI .oclt-tw91yv, .MaxAI .oclt-demlbd {
         background:#2a3059 !important;
    }
     .MaxAI .oclt-km6168:hover {
         background:#338084 !important;
    }
     .MaxAI .oclt-1sg3a9v {
         font-size: 1rem !important 
    }
     @media (max-width:64em) {
         .page-canvas {
             -webkit-transition:padding-top .25s;
             transition:padding-top .25s;
        }
    }
     .page-canvas {
         width:100%;
         max-width:100%;
         -webkit-transition:-webkit-transform .25s;
         transition:transform .25s 
    }
     @media (min-width:64em) {
         .menu-active .page-canvas {
             -webkit-transform:none;
             -ms-transform:none;
             transform:none;
             padding-top: 0;
        }
    }
     @media (min-width:64em) {
         .no-csstransforms3d .menu-active .page-canvas {
             margin-left:0 
        }
    }
     .menu-active .page-canvas,.search-active .page-canvas {
         position:fixed;
         left:0;
         overflow:hidden 
    }
     @media (min-width:64em) {
         .menu-active .page-canvas,.search-active .page-canvas {
             position:static;
        }
    }
     .overlay {
         position:fixed;
         left:0;
         top:0;
         width:100%;
         height:100%;
         background:#303030;
         z-index:99;
         cursor:pointer;
         visibility:hidden;
         opacity:0;
         -webkit-transition:opacity .25s .25s,visibility 0s .5s;
         transition:opacity .25s .25s,visibility 0s .5s 
    }
     .search-active .overlay {
         top:4.5rem;
         visibility:visible;
         opacity:.75;
         -webkit-transition:opacity .25s .25s,visibility 0s 0s;
         transition:opacity .25s .25s,visibility 0s 0s 
    }
     @media (min-width:64em) {
         .search-active .overlay {
             visibility:hidden;
             opacity:0 
        }
    }
     @media (min-width:64em) {
         .header {
             padding-top: 0 !important;
        }
    }
     @media (min-width:64em) {
         .header {
             -webkit-box-sizing:content-box;
             -moz-box-sizing:content-box;
             box-sizing:content-box;
             max-height:none;
             -webkit-transition:height .25s;
             transition:height .25s;
             background:#2a3059;
            /*height:3.125rem;
            */
        }
    }
     .header:before {
         position:absolute;
         left:-1rem;
         right:-1rem;
         height:4.5rem;
         background:#f6f6f6;
         content:'';
         z-index:-1 
    }
     @media (min-width:64em) {
         .header:before {
             display:none 
        }
    }
     .header .wrap {
         position:relative;
         height:100%;
         background: #2a3059 !important;
    }
     @media (min-width:64em) {
         .header .wrap {
             position:relative;
        }
    }
     .floating-box {
         flex-basis: 100%;
         -webkit-flex-basis: 100%;
         order: 1;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
         align-content: center;
         padding: 4rem .5rem;
         background: #fff;
    }
     @media (max-width: 48em) {
         #hpModule-Search .floating-box {
             background: #fff;
        }
    }
     @media (min-width: 67em){
         .floating-box {
             display:none;
        }
    }
     .floating-box-inner {
         background: #2a3059;
         width: 100%;
         text-align:center;
         opacity: 1;
    }
     @media (min-width: 48em) {
         .floating-box-inner {
             padding: 1.5rem;
        }
    }
     .floating-box-inner + .floating-box-inner {
         background: #2a3059;
         margin-top: 2rem;
         color: #fff;
         padding: .25rem 1rem;
    }
     @media (min-width: 48em) {
         .floating-box-inner + .floating-box-inner {
             padding: .25rem 2rem;
        }
    }
     .floating-box h1 {
         flex-basis: 50%;
         -webkit-flex-basis: 50%;
         margin: 0 auto 1rem;
         padding: 0;
         color: #fff;
         font-size: 5rem;
    }
     .floating-box-inner > #SearchPage {
         width: 100%;
    }
     .hp-module {
         text-align: -webkit-center;
    }
     @media (max-width: 48em) {
         .ou-search-input::placeholder {
             color: transparent;
        }
    }
     @media (max-width: 48em) {
         #hpModule-Quicklinks .quicklinks, #hpModule-Quicklinks {
             display:contents;
        }
    }
     #hpModule-Quicklinks {
         flex-basis: 100%;
         -webkit-flex-basis: 100%;
         order: 2;
         color: #000;
         display: flex;
         flex-wrap: wrap;
         margin: 0 auto;
    }
     @media (min-width: 48em) and (max-width: 66.99em) {
         #hpModule-Quicklinks {
             flex-wrap: nowrap;
        }
    }
     #hpModule-Quicklinks .quicklinks {
         flex-basis: 25%;
         -webkit-flex-basis: 25%;
    }
     #hpModule-Quicklinks .quicklinks + .quicklinks {
         margin-top: 0;
    }
     @media (min-width: 48em) and (max-width: 66.99em) {
         #hpModule-Quicklinks .quicklinks + .quicklinks {
             margin-top: 0;
        }
    }
     #hpModule-Quicklinks .quicklinks h3:first-child {
         width: 100%;
    }
     #hpModule-Quicklinks .quicklinks h3 {
         font-size: 1.5rem;
    }
     #hpModule-Quicklinks .quicklinks ul {
         padding: 0;
         list-style: none;
         flex-basis: auto;
         height: auto;
         display: flex;
         flex-wrap: wrap;
    }
     #hpModule-Quicklinks .quicklinks ul li {
         flex-basis: 100%;
         -webkit-flex-basis: 100%;
         margin: 0;
    }
     #hpModule-Quicklinks li + li {
    }
     #hpModule-Quicklinks .quicklinks li a {
         color: #000;
         display: block;
         background: none;
         position: relative;
         transition: all ease-out 300ms;
         font-size:.95rem;
    }
     #hpModule-Quicklinks .quicklinks li a:hover::after, #hpModule-Quicklinks .quicklinks li a:focus::after {
         color: #fff;
    }
    /*******BEGIN HOMEPAGE SPOTLIGHTS MODULE********/
     #hpModule-Spotlight {
         display: block;
         z-index: 1;
         margin: 0 auto;
    }
     @media (min-width: 800px) {
         #hpModule-Spotlight {
             max-width: 80rem;
             -webkit-display: flex;
             -webkit-justify-content: flex-end;
             -webkit-flex-direction: row;
             display: flex;
             justify-content: flex-end;
             flex-direction: row;
        }
    }
     #spotlight-subject {
         position: relative;
    }
     @media (min-width: 800px) {
         #spotlight-subject {
             overflow: hidden;
             display: flex;
             align-items: baseline;
             height: 100%;
             max-width: 66%;
             left: 0;
        }
    }
     #spotlight-subject img {
         vertical-align: top;
         position: relative;
    }
     @media (min-width: 800px) {
         #spotlight-subject img {
             height: 100%;
             max-width: 150%;
        }
    }
     @media (min-width: 60em) {
         #spotlight-subject img {
             position: relative;
             height: auto;
            /*max-width: 115%;
            */
        }
    }
     @media (min-width: 80em) {
         #spotlight-subject img {
             position: relative;
             height: auto;
             max-width: 100%;
        }
    }
     .spotlight-wrap {
         background: #338084;
         color: #fff;
         position: relative;
         border-top: 5px solid #fff;
         z-index: 2;
    }
     @media (min-width: 800px) {
         .spotlight-wrap {
             order: 2;
             flex-basis: 34%;
             border-top: none;
        }
    }
     @media (max-width: 80em) {
         #spotlight-subject, #spotlight-content {
             margin: auto 1rem;
        }
         #spotlight-subject {
             display: none;
        }
         .spotlight-wrap {
             flex-basis: 100%;
        }
    }
     #spotlight-inner {
         padding: 2rem;
    }
     @media (min-width: 64em) {
         .spotlight-wrap h3.tagline {
             padding-bottom: 0;
        }
    }
     .spotlight-wrap p {
         letter-spacing: .15px;
    }
     @media (min-width: 64em) {
         .spotlight-wrap p {
             text-align: left;
        }
    }
     #spotlight-inner .button.yellow {
         display: block;
         border: #fff solid 3px;
         background: #2a3059;
    }
     #spotlight-inner .button.yellow:hover {
         background: #338084;
    }
     #spotlight-subject img {
         margin:0;
    }