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

.clearfix {clear: both}
.title img {margin-top: 25px ; margin-left: 10px; width: 370px; float: left}
.wrapper {width: 100%; margin-right:auto; margin-left: auto}

body {font-family: 'Josefin Sans', sans-serif; margin: 0}

ul {list-style: none; float: right}

li {display: inline; padding: 12px; float: left}

h1 { font-size: 30px; text-align: center}

a {text-decoration: none; color: inherit}

article {margin-left: 20px; position:block; width: 78%; line-height: 20px; padding-right: 15px}


#valuebox {background-color: #2F4182; padding: 2.5%; border: 1px; display:block; width: 95%; height:200px; margin-top: 10px; text-align: center; color: #FFFFFF; font-size: 28px}



#footer {background-color: #2F4182; border: 1px; display: inline-block; width: 100%; height:80px; margin-top:100px; text-align: center; color: #FFFFFF; font-size: 15px; font-family: 'Josefin Sans', sans-serif; padding-top: 15px}

.button {background-color: #089FDD; width:160px; padding-top: 10px; padding-bottom: 10px; font-size: 20px; color: #FFFFFF; display:block; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 100px}

#imgcolumns img {text-align: center; display:inline-block; width: 49%; height: auto; margin-top: 5px; box-sizing: border-box}

#imgcolumns {text-align: center}

.toggle {display: none}

h2 {display: inline-block}

#boxes {display:inline-block; width: 100%; margin-top: 30px; text-align: center}

.box {display: inline-block; width:20%;margin-left:5px; margin-right:5px; padding: 15px; text-align: left}

.box img {width:100%; height: auto; position: relative; display: inline-block ;margin-left: 5px}

#boxes p {width: 98%}

h3 { width: 95%; display: flex; margin-left: 5px}

#email {width: 160px; color: none}



.button2 {background-color:#2F4182; padding: 7px; font-size: 12px; border: none; color: white}


.article1 p {width:250px; margin-left: 5px; line-height: 20px}

.article2 p {width:250px; margin-left: 5px; line-height: 20px}

.article3 p {width:250px; margin-left: 5px; line-height: 20px}



#mc_embed_signup {text-align: center; padding: 10px; margin-top: 50px; font: inherit; color: white}

.button2 { margin-top: 3px ; font-family: inherit; display: block; text-align: center}

.subbox {background-color:#089FDD; margin-top: 15px; margin-left: auto; margin-right: auto; width:800px;height:90px}

#mce-EMAIL {display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 70px; font-family: inherit}

label {position: relative; top: 5px}

.date {font-weight: 400; color: #555555; margin-top:-30px}

.articletitle {font-weight:700}


/*<!--media queries-->*/
@media screen and (max-width:900px){
	
	.toggle {display: block; float:right; padding: 12px}
	
	ul {display: none}
	
	#imgcolumns img {display: block; text-align: center; width: 100%; margin-left: auto; margin-right: auto}
	
	#imgcolumns {margin-left: auto; margin-right: auto}
	
	#boxes .box {display: block}
	
	.title img {width: 75%}
	
	article {width:95%}
	
	#valuebox {width: 95%; height: 280px}
	
	h1 {width: 95%; line-height: 40px }
	
	#boxes .box {width: 95%}
	
	#boxes p {width: 100%}
	
	.box img {padding-top: 20px}
	
	#mc_embed_signup_scroll {width: 60%}
	
	.subbox {width: 100%; height:130px; margin-left: auto; margin-right: auto}
	
	#mc_embed_signup {padding: 0}
	
	.button2 {display: inline-block}
	
	.button {margin-bottom: 100px}

	#mc_embed_signup form {margin-left: 30%}
}