.d0greybox {background-color: #EEE; margin: 1em 0; padding:20px; min-height:0px; display:block;}
.d0cyanbox {background-color: #a1c1ec; margin: 1em 0; padding:20px; min-height:0px; display:block;}
.d0bluebox {background-color: #065dc6; margin: 1em 0; padding:20px; min-height:0px; display:block;}
.d0navybox {background-color: #012964; margin: 1em 0; padding:20px; min-height:0px; display:block;}

.d0sectionroundedtop {border-radius: 100px 100px 0 0;}
.d0sectionroundedbottom {border-radius: 0 0 100px 100px;}

#body h1, #body h2, #body h3, #body h4 {font-family: "Source Sans 3", sans-serif; font-weight: bold;}
.sf-menu>li>a {font-family: "Source Sans 3", sans-serif;}

.ub-palette-dark li:before {color: #A4C3EC !important;}

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

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #012964;
        color: #ffffff;
    }}
/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #012964;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #ffffff;
}}

#header div.menu_container {background-color: #012964;}

#header a.mobile-menu {border-color: #065dc6;}
#header a.mobile-menu-right {display: none;}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

.d0splashoverlay {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } .cls-3 { fill: %23022963; } </style></defs><polygon class="cls-2" points="522.83 1335.27 705.02 -23.15 884.48 -23.15 522.83 1335.27"/><polygon class="cls-1" points="896.8 -23.15 1065.3 -23.15 522.83 1335.27 884.48 -23.15 896.8 -23.15"/><polygon class="cls-3" points="1868.85 1335.27 522.83 1335.27 1065.3 -23.15 1868.85 -23.15 1868.85 1335.27"/></svg>'); background-attachment: scroll; background-position-x: center; background-position-y: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.d0headeroverlay {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } .cls-3 { fill: %23022963; } </style></defs><polygon class="cls-3" points="-29.23 1332.21 868.91 1332.21 1069.91 -26.21 -29.23 -26.21 -29.23 1332.21"/><polygon class="cls-2" points="862.85 1365.17 1399.18 -17.25 1243.35 -106.26 862.85 1365.17"/><polygon class="cls-1" points="1232.65 -112.37 1086.34 -195.95 862.85 1365.17 1243.35 -106.26 1232.65 -112.37"/></svg>'); background-attachment: scroll; background-position-x: center; background-position-y: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.d0deepoverlay {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } </style></defs><polygon class="cls-2" points="0 677.87 0 0 666.38 0 0 677.87"/><polygon class="cls-1" points="0 1014.68 0 677.87 666.38 0 992.68 0 0 1014.68"/></svg>'); background-attachment: scroll; background-position-x: center; background-position-y: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; margin-top: -15px; margin-bottom: -15px;}

.d0parallaxoverlayright {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } .cls-3 { fill: %23022963; } </style></defs><path class="cls-3" d="M1780,0v1306h-763.41c-69.92,0-126.59-56.67-126.59-126.59V126.59c0-69.92,56.67-126.59,126.59-126.59h763.41Z"/><path class="cls-2" d="M1138.86,0l-248.86,250.82v-124.23c0-69.92,56.67-126.59,126.59-126.59h122.27Z"/><polygon class="cls-1" points="1444.21 0 890 329.68 890 250.82 1138.86 0 1444.21 0"/></svg>'); background-attachment: scroll; background-position-x: center; background-position-y: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.d0parallaxoverlayleft {background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } .cls-3 { fill: %23022963; } </style></defs><path class="cls-3" d="M0,0v1306h763.41c69.92,0,126.59-56.67,126.59-126.59V126.59c0-69.92-56.67-126.59-126.59-126.59H0Z"/><path class="cls-2" d="M641.14,0l248.86,250.82v-124.23c0-69.92-56.67-126.59-126.59-126.59h-122.27Z"/><polygon class="cls-1" points="335.79 0 890 329.68 890 250.82 641.14 0 335.79 0"/></svg>'); background-attachment: scroll; background-position-x: center; background-position-y: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

.d0mobileoverlay {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %23075ec6; } .cls-2 { fill: %23a4c3ec; } </style></defs><polygon class="cls-1" points="0 1306 1780 1106.6 1780 1306 0 1306"/><polygon class="cls-2" points="0 1306 1780 920.47 1780 1106.6 0 1306"/></svg>'); background-attachment: scroll; background-position-x: left; background-position-y: bottom; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

@media only screen and (max-width: 799px) {
.d0splashoverlay, .d0headeroverlay, .d0deepoverlay, .d0parallaxoverlayright, .d0parallaxoverlayleft {background-image: none; background-color: #012964;}}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body h4,
#body p
{text-align: center;}
}