@charset "utf-8";
/* CSS Document */

/**GENERAL**/

body {
	color:#2B2B2B;
	background-color:#ffffff;
	font-family: "rig-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;
	line-height: 1.5rem;
}

p, li {
	font-family: "rig-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;	
	line-height: 1.5rem;
}

h1, h2, h3, h4, h5 {
	font-family: "darkmode-on", sans-serif;
	font-style: normal;
	text-transform: capitalize;
	margin: 20px 0px 20px 0px;
	font-weight: 400;
}

h1 {font-size: 2.4rem; line-height: 2.6rem;}
h2{font-size: 2.1rem; line-height: 2.3rem;}
h3{font-size: 1.9rem; line-height: 2.1rem;}
h4{font-size: 1.7rem; line-height: 1.9rem;}
h5{font-size: 1.5rem; line-height: 1.7rem;}

a {transition-duration: 0.5s;}

iframe {max-width:100%;}

img {max-width:100%;}

hr {
max-width: 300px;
background-color: #139335;
height: 4px;
border: 0;
margin-top: 1.5% !important;
}

.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {padding: 5px 30px !important;}

.cta{
	text-transform: capitalize;
	font-size:1.3rem;
	display:inline-block;
	font-family: "darkmode-on", sans-serif;
	padding:12px 18px 12px 18px;
	text-decoration: none !important;
	border-radius: 5px;
}

.logo {width: 100%;
  max-width: 150px;
  margin-top: -50px;
  margin-bottom: -80px;
  z-index: 300;
  position: relative;}

.logo-text {font-size: 1.6rem;
  line-height: 1.7rem;
  font-family: "darkmode-on", sans-serif;
  font-weight: bold;
margin-left: 28%;
        margin-top: -1%;
    margin-bottom: 0%;}

/**TOP ROW**/
.search-tag{font-size:16px;}

.language-link{
	margin-left:5px;
	font-size:16px;
}

.top-row a {color: #fff !important;}
.top-row a:hover {color: #FFBB33 !important;}
.top-row {padding-top: 4px;padding-bottom: 4px;}

.search-form {
    display: initial;
}

.top-row p {
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.slideshow-row img {border-radius: 5px;}

/**WHITE BACKGROUND**/
.white-background {
color:#333;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#333;}

.white-background hr {background-color: #0295dd; margin: 0;}

.white-background a {color: #0270A7; text-decoration: none;}
.white-background a:hover {color: #3D6100;}
.white-background a:hover h2, .white-background a:hover h3, .white-background a:hover h4 {color: #3D6100;}

.white-background .cta {	
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	display: inline-block;
}
.white-background .cta:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;	
}

/**BLUE BACKGROUND**/
.blue-background {
color:#fff;
background-color:#0056B8;
}

.blue-background hr {background-color: #fff; margin: 0;}

.blue-background a {color: #F7F31D; text-decoration: none;}
.blue-background a:hover {color: #FFC95C;}

.blue-background .cta {	
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	display: inline-block;
}
.blue-background .cta:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;	
}

/**DARK BLUE BACKGROUND**/
.dark-blue-background {
color:#fff;
background-color:#004899;
}

.dark-blue-background hr {background-color: #fff; margin: 0;}

.dark-blue-background a {color: #F7F31D; text-decoration: none;}
.dark-blue-background a:hover {color: #FFBB33;}

.dark-blue-background .cta {	
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	display: inline-block;
}
.dark-blue-background .cta:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;	
}

/**DARK GREEN BACKGROUND**/
.dark-green-background {
color:#fff;
background-color:#006736;
}

.dark-green-background hr {background-color: #fff; margin: 0;}

.dark-green-background a {color: #F8F42F; text-decoration: none;}
.dark-green-background a:hover {color: #ADD3FF;}

.dark-green-background .cta {	
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	display: inline-block;
}
.dark-green-background .cta:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;	
}

/**GREEN BACKGROUND**/
.green-background {
color:#fff;
background-color:#387C13;
}

.green-background hr {background-color: #fff; margin: 0;}

.green-background a {color: #F9F7BE; text-decoration: underline;}
.green-background a:hover {color: #FFF; text-decoration: none;}

.green-background .cta {	
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	display: inline-block;
}
.green-background .cta:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;	
}

/**COLOURS FOR BOXES**/

/**YELLOW BACKGROUND**/
/*.yellow-background {
color:#333;
background-color:#F8F42F;
}

.yellow-background hr {background-color: #333; margin: 0;}

.yellow-background a {color: #333; text-decoration: none;}
.yellow-background a:hover {color: #333;}

/**GOLD BACKGROUND**/
/*.gold-background {
color:#333;
background-color:#F7D300;
}

.gold-background hr {background-color: #333; margin: 0;}

.gold-background a {color: #333; text-decoration: none;}
.gold-background a:hover {color: #333;}


/**ORANGE BACKGROUND**/
/*.orange-background {
color:#333;
background-color:#F8A700;
}

.orange-background hr {background-color: #333; margin: 0;}

.orange-background a {color: #333; text-decoration: none;}
.orange-background a:hover {color: #333 !important;}
*/
/**FOOTER**/

.p7LBM-01{
            min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{margin-top: auto;}

.footer h2 {font-size: 1.8rem;line-height: 2.0rem;font-weight: normal;}

.footer li {margin-bottom: 6px;}

.footer p, .footer li {font-size: 1.2rem; line-height: 1.4rem;font-weight: normal;}

.blue-top {border-top: solid 5px #016fc7;}
.blue-bottom {border-bottom: solid 5px #016fc7;}

.main-spacing {padding-top:30px; padding-bottom: 30px;}
.tile-spacing {padding-top:0px; padding-bottom: 50px;}

/**COPYRIGHT**/
.copyright p {font-size: 1.1rem; line-height: 1.3rem;}

/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}

.menu-col {margin-bottom: -0.8%;
  margin-top: 0.2%;
}

.menu-col .p7AMM.amm-rootlinks-white ul a:hover, .menu-col .p7AMM.amm-rootlinks-white ul a:focus, .menu-col .p7AMM.amm-rootlinks-white ul a.amm-trigger.open {
  background-color: rgb(0, 72, 153);
  color: #FFF;
  border-radius: 5px;
}

.menu-col .p7AMM.amm-subs-blue ul ul {
  background-color: rgb(0, 72, 153);
  border-radius: 5px;
}

.menu-col .p7AMM.amm-subs-blue ul ul a:hover {
  background-color: #fff;color: #004899;
  border-radius: 5px;
}


/**RESPONSIVE FORM**/

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number]
 {
	max-width:950px;
	width: 98%;
	padding:10px;	
	border: 1px solid #191010;
	font-family: "rig-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem; 
	 margin-bottom:15px;
	 display: inline-block;
	 margin-top: 5px;
	border-radius: 5px;
}

textarea{
	max-width:950px;
	width: 98%;
	border: 1px solid #191010;	
	font-family: "rig-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;
	resize: none;
	display: inline-block;
	margin-top: 5px;
	border-radius: 5px;
  }

select {
	max-width:964px;
	width: 102%;
	border: 1px solid #191010;	
	font-family: "rig-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
	margin-top: 5px;
	border-radius: 5px;
}

select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#191010;
	color: #fff;
	border-radius: 5px;
}

input[type=submit]{
	text-transform: capitalize;
	font-size:1.3rem;
	display:inline-block;
	font-family: "darkmode-on", sans-serif;
	padding:12px 18px 12px 18px;
	text-decoration: none !important;
	border-radius: 5px;
	font-style: normal;
	margin: 20px 0px 20px 0px;
	background: #F7D300;
	color:#333;
	transition: 0.5s;
	font-weight: 400;
	border:none;
	-webkit-appearance: none;
}

input[type=submit]:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;
}

select option:focus, select option:hover, select option:active, select option {
  background: #003466;
  color: #fff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{display: none !important;}

.top-row input[type=text] {
  max-width: 300px !important;
  width: 98%;
  padding: 6px;
  border: 1px solid #191010;
  font-family: "rig-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  margin-top: 0px;
  border-radius: 5px;
	margin-bottom: 0px;
}

.top-row input[type=submit] {
    text-transform: capitalize;
    font-size: 1rem;
    display: inline-block;
    font-family: "darkmode-on", sans-serif;
    padding: 6px 14px;
    text-decoration: none !important;
    border-radius: 5px;
    font-style: normal;
    margin: 0px;
    background: #F7D300;
    color: #333;
    transition: 0.5s;
    font-weight: 400;
    border: none;
    -webkit-appearance: none;
}

.top-row input[type=submit]:hover{
	background: #F8A700;
	color:#333;
	transition: 0.5s;
}

/*
***************************************************
HOME PAGE TILES
***************************************************
*/
.home-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 19rem;
	border-radius: 5px 5px 0px 0px;
}

.home-image-tile-image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.home-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.home-tile-image-link{text-decoration: none;}

.home-tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,.6);
	box-shadow: 0 5px 10px -5px rgba(0,0,0,.6);	
	border-radius: 5px;
}

.home-tile-description{
	padding:5px 15px;
	border-radius: 0px 0px 5px 5px;
}

.home-tile-image-link-container a {color: #333; text-decoration: none;}
.home-tile-image-link-container a:hover {color: #3D6100; text-decoration: none;transition: 0.5s;}
.home-tile-image-link-container {background-color: #EBEBEB;}
.home-tile-image-link-container:hover {background-color: rgba(247, 212, 2, 0.8) !important;transition: 0.5s;}

.home-tile-description h2, .home-tile-description h3{
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: normal;
}
.home-tile-description p{
	font-size: 1.0rem;
	line-height: 1.2rem;
}

.home-tile-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}

.home-grid .hmy-content {padding: 10px;}

/**SUB PAGES**/
.sub-main .hmy-content {padding: 20px 8px 20px 0px;}
.sub-main .title-row .hmy-content {padding: 10px 8px 10px 0px;}
.sub-main .home-grid .hmy-content, .sub-main .news-grid .hmy-content {padding: 10px;}
.breadcrumb-row p {font-size:1.2rem; line-height: 1.4rem;}
.breadcrumb-row .lbm-column {padding: 6px 30px;}
.breadcrumb-row {border-bottom: solid 3px #016fc7; border-top: solid 3px #016fc7;}

.sub-logo-menu .width-40, .sub-logo-menu .width-60 {padding: 5px 30px 20px 30px !important;}

.sub-main {min-height: 40vh;}

.sub-main .p7AP4-01.p7AP4root-wrapper {background-color: transparent;}
.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01 {border-bottom: none;}

.sub-main .p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4cwrapper.ap4last .p7AP4-01.p7AP4content, .sub-main .p7AP4-01.ap4-panel-border .p7AP4-03.p7AP4cwrapper.ap4last .p7AP4-03.p7AP4content {
  border-bottom: none;
}

.sub-main a.p7AP4-01 {
	background-color: #006736;
	color: #fff;
	background-image: url(../p7ap4/img/p7AP4_east_white.png);
	box-shadow: none;
}
.sub-main a.p7AP4-01:hover {
	background-color: #004899;
	color: #ffffff;
	background-image: url(../p7ap4/img/p7AP4_south_white.png);
	box-shadow: none;
}
.sub-main a.p7AP4-01.ap4Trigs_down {
	background-image: url(../p7ap4/img/p7AP4_south_white.png);
	background-color: #387C13;
	color: #fff;
}
.sub-main a.p7AP4-01.ap4Trigs_down:hover {
	background-color: #004899;
	color: #fff;
}
.sub-main a.p7AP4-01.current_mark {
	font-weight: normal;
}
.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01 {
  /*border-bottom: 1px solid #000;*/
}

.sub-main .p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4content {
  border-left: none;
  border-right: none;
}

.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01.ap4last, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01.p7AP4_ext.ap4last {
 border-radius: 5px;
}

.sub-main li.agm-current-category {font-weight: normal;}

.sub-main .agm-white .agm-section.agm-down a {border-color: rgb(247, 211, 0);}

.sub-main .agm-caption {background-color: rgb(0, 72, 153);
  color: #fff;}

.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.7rem;
  font-size: 1.3rem;
  text-transform: capitalize;
 text-decoration: none;
	margin-top: 2px;
  margin-bottom: 2px;
}

.sub-main .p7AGM.agm-fullscreen .p7AGM-fs-wrapper {
  background-color: #fff;
}
.sub-main div.mbx-thumbs li img {border-radius: 5px;box-shadow: 0 5px 10px -5px rgba(0,0,0,.6); border: 0px;}
.sub-main .p7MBX-01.light .mbx-slide {border-radius: 5px;}
.sub-main .p7MBX-01.shadow .p7mbx-toolbar, .sub-main .p7MBX-01.shadow .mbx-slide {border-radius: 5px;}

/*.sub-main .p7AGM.agm-white {background-color: transparent;}
.sub-main .p7AGM.agm-white .agm-tools {background-color: transparent;}
.sub-main .p7AGM.agm-white .agm-thumbs-outer {background-color: transparent;}*/

.its {background-color: #EDEDED;border-radius: 5px;margin-top: 2%;}
.its h2 {font-size: 1.6rem;	line-height: 1.8rem;}
.its a {color: #0270A7; text-decoration: none;}
.its a:hover {color: #3D6100;}

.news-grid .home-image-tile-image {height: 15rem;}
.news-grid .home-tile-description h2, .news-grid .home-tile-description h3 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: normal;
}

.staff-grid h2 {font-size: 1.6rem; line-height: 1.9rem;}

.wraparound-img-left {
  width: 100%;
  max-width: 640px;
  padding: 10px;
  padding: 10px 10px 10px 0px;
  float: left;
}

.wraparound-img-right {
  width: 100%;
  max-width: 640px;
  padding: 10px;
  padding: 10px 0px 10px 10px;
  float: right;
}



/**DESKTOP**/

.hide-label {display:none!important;}

.hide-on-desktop {display:none!important;}
.display-on-desktop {display:block!important;}


/**RESPONSIVE**/

@media only screen and (min-width: 1070px) and (max-width: 1550px) {
.logo {max-width: 125px;}
}
@media only screen and (min-width: 0px) and (max-width: 1500px) {
.news-grid .home-tile-description {min-height: 120px; transition: 0.5s;}
}
@media only screen  and (min-width: 1205px) and (max-width: 1405px) {
	.sub-main div.mbx-thumbs li img {max-height: 250px;}
}

@media only screen and (max-width: 1400px) {
body, p, li {
font-size:1.2rem;
line-height: 1.4rem;
}
	
.breadcrumb-row p {font-size: 1.1rem; line-height: 1.3rem;}

h1 {font-size: 2.1rem; line-height: 2.3rem;}
h2{font-size: 1.8rem; line-height: 2.0rem;}
h3{font-size: 1.6rem; line-height: 1.8rem;}
h4{font-size: 1.5rem; line-height: 1.7rem;}
h5{font-size: 1.4rem; line-height: 1.6rem;}

.cta{font-size:1.2rem;}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea,
select
{font-size:1.2rem;}

input[type=submit]{font-size:1.2rem;}
	
.footer h2 {font-size: 1.6rem;line-height: 1.8rem;font-weight: normal;}
.footer p, .footer li {font-size: 1.1rem; line-height: 1.3rem;font-weight: normal;}

.sub-main .dcf-table caption {font-size: 1.4rem;}
.sub-main .dcf-table thead, .sub-main .dcf-table tbody, .sub-main .dcf-table tfoot {font-size: 1.2rem;}

.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.6rem;
  font-size: 1.2rem;
}

.its h2 {font-size: 1.4rem;line-height: 1.6rem; transition: 0.5s;}
.staff-grid h2 {font-size: 1.4rem; line-height: 1.7rem; transition: 0.5s;}
	
}
@media only screen and (min-width: 950px) and (max-width: 1350px) {
.news-grid .home-image-tile-image {height: 14rem;  transition: 0.5s;}
}

@media only screen and (min-width: 1140px) and (max-width: 1350px) {
.logo-text {
    font-size: 1.4rem;
    line-height: 1.6rem;
	margin-left: 33%;
	}
}

@media only screen and (min-width: 1130px) and (max-width: 1300px) {
	.home-image-tile-image {height: 17rem;}
}

@media only screen  and (min-width: 1005px) and (max-width: 1205px) {
	.sub-main div.mbx-thumbs li img {max-height: 200px;}
}

@media only screen and (min-width: 950px) and (max-width: 1240px) {
	.staff-grid .hmy-section {flex-basis: 33% !important; transition: 0.5s;}
}
@media only screen and (min-width: 800px) and (max-width: 1230px) {
	.news-grid .hmy-section {flex-basis: 33% !important;  transition: 0.5s;}
}
@media only screen and (min-width: 0px) and (max-width: 1210px) {
	.home-grid .home-tile-description {min-height: 90px;}
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
  .wraparound-img-left, .wraparound-img-right {
    max-width: 500px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1200px) {
	.hide-on-tablet {display:none!important;}	
	.display-on-tablet {display:block!important;}
}

@media only screen and (min-width: 1125px) and (max-width: 1140px) {
.logo-text {
    font-size: 1.4rem;
    line-height: 1.6rem;
	margin-left: 35%;
	}
}

@media only screen and (min-width: 870px) and (max-width: 1130px) {
	.home-image-tile-image {height: 14rem;}
}

@media only screen and (min-width: 0px) and (max-width: 1130px) {
.home-tile-description {
  padding: 1px 15px;
  border-radius: 0px 0px 5px 5px;
}
}

@media only screen and (min-width: 0px) and (max-width: 1125px) {
.logo-text {
    font-size: 1.3rem;
    line-height: 1.5rem;
	margin-left: 36%;
	}
}

@media only screen and (min-width: 550px) and (max-width: 1080px) {
	.home-grid .hmy-section {flex-basis: 50% !important;}
	.sub-main .home-grid .hmy-content {padding: 5px;}
	.home-tile-description h2, .home-tile-description h3
 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: normal;
}
.staff-grid h2 {font-size: 1.3rem; line-height: 1.6rem; transition: 0.5s;}
	
}

@media only screen and (min-width: 0px) and (max-width: 1070px) {
    .logo {
        max-width: 115px;
        margin-bottom: -70px;
    }
	.logo-text {display:none;}
}

@media only screen and (min-width: 700px) and (max-width: 1025px) {
	.footer .width-30 {width: 50% !important; float: left !important;}
	.footer .width-40 {width: 100% !important; float: left !important;}
	.footer .lbm-column {padding: 5px 30px;}
}

@media only screen  and (min-width: 905px) and (max-width: 1005px) {
	.sub-main div.mbx-thumbs li img {max-height: 175px;}
}

@media only screen and (min-width: 0px) and (max-width: 960px) {
.copyright .width-40, .copyright .width-60 {width: 100% !important; float: left !important;}
.copyright .lbm-right {text-align: left;}
}

@media only screen and (min-width: 575px) and (max-width: 950px) {
	.staff-grid .hmy-section {flex-basis: 50% !important; transition: 0.5s;}
	.sub-main .staff-grid .hmy-content {padding: 5px; transition: 0.5s;}
}

@media only screen  and (min-width: 0px) and (max-width: 950px) {
	.contact-grid .hmy-section {flex-basis: 100% !important;}
	.sub-main .contact-grid .hmy-content {padding: 5px 0px;}
	.news-grid .home-image-tile-image {height: 12rem; transition: 0.5s;}
	.sub-main .home-grid .hmy-content, .sub-main .news-grid .hmy-content {padding: 7px;}
}

@media only screen  and (min-width: 550px) and (max-width: 905px) {
	.sub-main div.mbx-thumbs li img {max-height: 150px;}
}

@media only screen  and (min-width: 760px) and (max-width: 900px) {
.news-grid .home-tile-description h2, .news-grid .home-tile-description h3 {
  font-size: 1.1rem;
  line-height: 1.4rem;
	 transition: 0.5s;
}
.staff-grid h2 {font-size: 1.2rem; line-height: 1.5rem; transition: 0.5s;}
  .wraparound-img-left, .wraparound-img-right {
    max-width: 450px;
  }	
}

@media only screen and (min-width: 600px) and (max-width: 900px) {
body, p, li {
font-size:1.1rem;
line-height: 1.3rem;
}
	
.breadcrumb-row p {font-size: 1.0rem; line-height: 1.2rem;}

h1 {font-size: 1.9rem; line-height: 2.1rem;}
h2{font-size: 1.6rem; line-height: 1.8rem;}
h3{font-size: 1.5rem; line-height: 1.7rem;}
h4{font-size: 1.4rem; line-height: 1.6rem;}
h5{font-size: 1.3rem; line-height: 1.5rem;}

.cta{font-size:1.1rem;}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea,
select
{font-size:1.1rem;}

input[type=submit]{font-size:1.1rem;}
	
.footer h2 {font-size: 1.4rem;line-height: 1.6rem;font-weight: normal;}
.footer p, .footer li {font-size: 1.1rem; line-height: 1.3rem;font-weight: normal;}
	
.sub-main .dcf-table caption {font-size: 1.3rem;}
.sub-main .dcf-table thead, .sub-main .dcf-table tbody, .sub-main .dcf-table tfoot {font-size: 1.1rem;}
	
.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.5rem;
  font-size: 1.1rem;
}
	
.its h2 {font-size: 1.3rem;line-height: 1.5rem;}
	
}

@media only screen and (min-width: 700px) and (max-width: 870px) {
	.home-image-tile-image {height: 13rem;}
}

@media only screen and (min-width: 530px) and (max-width: 800px) {
	.news-grid .hmy-section {flex-basis: 50% !important;  transition: 0.5s;}
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
	.its-row .width-70, .its-row .width-30 {width: 100% !important; float: left !important;}
	.its {margin-top: inherit;}
}

	@media only screen and (min-width: 700px) and (max-width: 760px) {
  .wraparound-img-left, .wraparound-img-right {
    max-width: 400px;
  }
}
	
@media only screen  and (min-width: 0px) and (max-width: 760px) {
.news-grid .home-tile-description h2, .news-grid .home-tile-description h3 {
  font-size: 1.0rem;
  line-height: 1.3rem;
	 transition: 0.5s;
}
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	.menu-col .p7AMM.amm-responsive .amm-toolbar {
        background-color: transparent;
        color: #000000 !important;
		margin-top: 23px;
    }

.menu-col .p7AMM.amm-responsive .amm-toolbar a {
	color: #000;
	opacity: 0.7;
}
	
.menu-col {
    margin-bottom: -0.8%;
    margin-top: -9.8%;
}	

.main-spacing {
    padding-top: 0px;
    padding-bottom: 0px;
}
	body, p, li {
font-size:1.0rem;
line-height: 1.2rem;
}

.breadcrumb-row p {font-size: 1.0rem; line-height: 1.2rem;}
	
h1 {font-size: 1.5rem; line-height: 1.8rem;}
h2{font-size: 1.3rem; line-height: 1.6rem;}
h3{font-size: 1.2rem; line-height: 1.5rem;}
h4{font-size: 1.1rem; line-height: 1.4rem;}
h5{font-size: 1.0rem; line-height: 1.3rem;}

.cta{font-size:1.0rem;}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea,
select
{font-size:1.0rem;}

input[type=submit]{font-size:1.0rem;}
	
.footer h2 {font-size: 1.3rem;line-height: 1.5rem;font-weight: normal;}
.footer p, .footer li, .copyright p {font-size: 1.0rem; line-height: 1.2rem;font-weight: normal;}
.footer .cta {font-size: 1.0rem;}
	
.hide-on-mobile {display:none!important;}
.display-on-mobile {display:block!important;}

.sub-main .dcf-table caption {font-size: 1.2rem;}
.sub-main .dcf-table thead, .sub-main .dcf-table tbody, .sub-main .dcf-table tfoot {font-size: 1.0rem;}

.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.4rem;
  font-size: 1.0rem;
}

.its h2 {font-size: 1.3rem;line-height: 1.4rem;}
	  .wraparound-img-left, .wraparound-img-right {
    max-width: 700px;
  }
}

@media only screen and (min-width: 550px) and (max-width: 700px) {
.logo {
        max-width: 75px;
        margin-top: -4px;
        margin-bottom: -4px;
        z-index: 901;
    }
}

@media only screen and (min-width: 630px) and (max-width: 700px) {
	.home-image-tile-image {height: 12rem;}
}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none !important;}
	.display-on-mobile {display:block!important;}
	.mobile-side-padding {padding: 10px 30px !important;}
	
	.language-link{display:inline-block;}
	
	.top-row .width-100, .top-row .width-50 {width: 50% !important; float: left !important;padding-top: 10px !important;
        padding-bottom: 10px !important;}
	
	.footer .lbm-column {padding: 5px 30px;}
	
	.menu-col .p7AMM li a {padding: 8px 20px;}
	
	.breadcrumb-row {border-bottom: solid 5px #016fc7; border-top: none;margin-top: -4%;}

.sub-logo-menu .width-40, .sub-logo-menu .width-60 {padding: 5px 30px 20px 30px !important;}
	
}



@media only screen and (min-width: 550px) and (max-width: 630px) {
	.home-image-tile-image {height: 10rem;}
}

@media only screen and (max-width: 600px) {
	.hide-on-mobile-portrait {display:none;}
	.sub-main .hmy-content, .sub-main .title-row .hmy-content {padding: 5px 0px;}
}
@media only screen and (min-width: 0px) and (max-width: 575px) {
	.staff-grid .hmy-section {flex-basis: 100% !important; transition: 0.5s;}
	.sub-main .staff-grid .hmy-content {padding: 5px 0px; transition: 0.5s;}
}

@media only screen  and (min-width: 400px) and (max-width: 550px) {
	.sub-main div.mbx-thumbs li img {max-height: 125px;}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
	.home-grid .hmy-section {flex-basis: 100% !important;}
	.home-grid .home-tile-description {min-height: auto;}
	.home-image-tile-image {height: 11rem;}
	.home-tile-description h2, .home-tile-description h3
 {
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: normal;
}
}

@media only screen and (min-width: 0px) and (max-width: 550px) {
	.logo {
       max-width: 65px;
        margin-top: 0px;
        margin-bottom: -20px;
        z-index: 901;
    }
}

@media only screen and (min-width: 0px) and (max-width: 530px) {
	.news-grid .hmy-section {flex-basis: 100% !important;  transition: 0.5s;}
	.sub-main .news-grid .hmy-content {padding: 5px 0px;}
	.news-grid .home-tile-description {min-height: auto; transition: 0.5s;}
}



@media only screen and (max-width: 400px) {
	.sub-main div.mbx-thumbs li img {max-height: 110px;}
 }

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}