body {
	background-color:        #8fc0f8;
	color:                   #2f02ac;
	font-family:   	           Thesis,Helvetica,Arial,sans-serif;
  font-size:	               16px;
	margin:		                 0;
	display:                   flex;
	justify-content:           center;
}

#pagewrap {
	width:                     100%;
	max-width:                 1200px;
	
}

header {
	box-sizing:                border-box;
	width:                     100%;
	max-width:			           1200px;
  min-height:                 120px;
	border:			               0px solid #0047e0;
	color:		                 #2f02ac;
	background-image:	         url("logo.png");
	background-repeat:   	     no-repeat;
	background-position:	     10% 0px;
	background-size:           100%;
	font-family:		           Rockwell Extra Bold;
	font-style:                normal;
	font-size:		             48px;
	font-weight:		           bold;
	
	margin-left:               0px;
	margin-right:              0px;
	margin-top:                10px;
	margin-bottom:             0%;

}

div.middle {
	float:                     left;
	width:                     100%;
	max-width:			           1200px;
	padding-left:              0px;
	padding-right:             0px;
	padding-top:               0px;
	padding-bottom:            0px;
	border:		                 0px solid #8fc0f8;
	margin-left:               0px;
	margin-right:              0px;
	margin-top:                0px;
	margin-bottom:             0px;
}



section.mainbox {
	width:			               100%;
	padding-left:              10px;
	padding-right:             10px;
	padding-top:               0px;
	padding-bottom:            0px;
	border:		                 0px solid #8fc0f8;
	margin-left:               0px;
	margin-right:              10px;
	margin-top:                0px;
	margin-bottom:             0px;
	background: 		         #8fc0f8;
	box-sizing:                border-box;
	line-height:               1.6em;
}

a {	
  color:                   #2f02ac;;
  text-decoration:         none;
}

a:hover, a:link, a:active, a:visited {
	color:                   #2f02ac;;
  text-decoration:         none;
}

.links {
  float: left;
  margin-right: 10px;
}

.pageheading {
  margin-left: 2%;
}

.clearfix:after {
	content:                   ".";
	display:                   block;
	clear:                     both;
	height:                    0;
	visibility:                hidden;
}

hr {
  clear: left;
  margin-bottom:            5%;
}

img {
  margin-bottom:            5%;
  padding-right:            4%;
  padding-left:             2%;
  width:                    30%;
  border:                   0;
}

video {
  width:                     96%;
	margin-left:               2%;
	margin-right:              2%;
	margin-top:                5%;
	margin-bottom:             5%;
}

@media screen and (min-width: 350px) {
	body {
		font-size:              10px;
		
	}
}

@media screen and (min-width: 768px) {
	body {
		font-size:              12px;
   
	}
}

@media screen and (min-width: 1024px) {
	body {
		font-size:              16px; 
	}
}