@charset "utf-8";
/* CSS Document */
/* Colors 
#98a989 - light green 
#58684b - olive green
#016934 - bright green 
#f2f4f0 - background color when not white
#6f479a - light purple 
#35224A - dark purple
#4b306a - medium purple
black*/


/*Layout styles Desktop/Laptop*/
@media only screen and (min-width:1200px){
body, header, nav, footer{margin: 0 auto; padding: 0 15px; font-size: 1em; line-height: 1.5em; font-family:'Raleway', sans-serif; width: 85%; background-color: #f2f4f0;}
main{margin:0;background-color:white;}
/*header*/
header{width:100%; height:auto; background-color:#f2f4f0; border-bottom: solid 2px #35224A;}
img{float: right; width:100px; height:auto; margin-right:2%;}
	
/*sections*/
.section1{width:96%; height: auto; margin: 15px 2% 0 2%; padding:15px; background-color:#fff;}
.block{width:80%; height: 80px; margin: 5px auto;}
.clear{clear:both;}
.center{text-align:center;padding-top:10px; padding-bottom:20px}
}
/*Layout styles Laptop*/
@media screen and (min-width:767px) and (max-width:1200px){
body, header, nav, footer{margin: 0 auto; padding: 0 10px; font-size: 1em; line-height: 1.5em; font-family:'Raleway', sans-serif; width: 85%; background-color:#f2f4f0;}
/*header*/
header{width:100%; height:auto; margin-bottom: 45px; background-color:#f2f4f0;}
img{float: right; width:75px; height:auto; margin-right:2%;}	
/*sections*/
main{width:90%; margin:0 auto; background-color:white;}
.section1{width:90%; height: auto; margin: 15px 0 0 0; padding:15px; background-color:#fff;}
.block{width:100%; height: 150px; margin: 5px auto; line-height: 2.25em;}
.clear{clear:both;}
.center{text-align:center;padding-top:10px; padding-bottom:20px}

/*mid media*/
@media screen and (min-width:600px) and (max-width:766px){
body, header, nav, footer{width: 80%; margin: 0 auto; padding: 0 10px; font-size: 1em; line-height: 1.5em; font-family:'Raleway', sans-serif; background-color:#f2f4f0;}
main{width:80%; margin:10px auto;}
header{width:100%; margin-top:200px; padding: 40px;  background-color:#f2f4f0;}
img{visiblity:hidden;}
.section1{width:50%; margin: 0 auto;}
.block{width:100%; height: 150px; margin: 50px 0;}
.center{text-align:center;padding-top:50px; margin-bottom:50px;}	
/*sections*/
main{width:90%; margin:0 auto; background-color:white;}
.section1{width:90%; height: auto; margin: 15px 0 0 0; padding:15px; background-color:#fff;}
.block{width:100%; height: 150px; margin: 5px auto; line-height: 2.25em;}
.clear{clear:both;}
.center{text-align:center;padding-top:10px; padding-bottom:20px}
}

Small media
@media screen and (max-width:599px) {
main{width:90%; margin:10px auto 0 auto;}
header{width:100%; margin-top: 20px; padding: 20px 0 0 20px;  background-color:#f2f4f0;}
img{visibility:hidden;}
.section1{width:50%; margin: 0 auto;}
.block{width:100%; height: 150px; margin: 50px 0;}
.center{text-align:center;padding-top:50px; margin-bottom:50px;}
}