/* Med screen -------------------------------------------------------------- 

-----------------------------------------------------------------------*/



  @media screen and (max-width:1100px) {





.pagCopy {

	float: none;

	 width: 90%;

}



 header {

 	text-align: center;

	padding: 40px 0 40px 0  !important;

}

 header li {

 	text-align: left;

}

 .hdrLogo {

 float: none;

 display: inline-block;

}

#hdrNav {

 float: none;

 display: inline-block;

 

}



 footer {

 font-size: 12px;

 text-align: center;

 padding: 5% 10% 5% 0;

}

 footer div {

 display: block;

 width: 100%;

}



#ftrButtons img {

	display: block;

	margin-left: auto;

    margin-right: auto;

}





}



 

 /* Small screen -------------------------------------------------------------- 

-----------------------------------------------------------------------*/

 

 @media screen and (max-width:750px) {

 body {

 line-height: 140%;

 font-size: 120%;

 min-width: 300px;

}







.pagSub_Header {

	margin-bottom: 20px !important;

}



.pagSub_Header strong, .pagSub_Header_Wider {

	width: 100% !important;

}







.pagCopy p {

 float: none;

 width: 100%;

margin: 0;

}





/* Header ------------------------------------------------------ */

 

header {

 padding: 5% 5% 5% 5%  !important;

}

.hdrLogo {

 width: 50%;

 background-size: 100%;

 max-width: 300px;

 min-width: 200px;

 float: left;

}

 #hdrNav {

clear: both;

display: none;

float: none;

}

#hdrMM_M {

 float: right;

 display: inline-block;

 padding-top: 10px;

}

 #hdrNav li {

 float: none;

 display: block;

 margin: 0;

 padding: 10px;

}

#hdrNav li a {

 display: block;

 text-align: left;

}

 .hdrDropdown-Content {

 padding: 0 0 0 30px;

 position: relative;

 border-bottom: none;

}

.hdrDropdown-Content li {

 background-color: #fff;

}

 .hdrDropdown-Content a {

 width: 100%;

}



}