@charset "utf-8";
/* CSS Document */
body{background:#f4f3f0; }
#wrapper{ width: 100%;
background: #f4f3f0;
margin: 20px auto;
padding: 20px;}
#wrapper-content{width: 85%;
margin: 0 auto;
display: flex;
	text-align: center;
}
#boxes {width: 100%;
color: #516A78;
opacity: 75%;}
#boxes2{width: 100%;
color: #516A78;
opacity: 75%;}
#boxes3{width: 100%;
color: #516A78;
opacity: 75%;}
#aboutus{width: 100%;
background:#f4f3f0;
color: #516A78;
text-align: center;
padding: 10px;
	
}
/*---SLIDESHOW---*/
#banner{width: 100%;
height: 440px;}
#slideshow{width: 100%;
height: 440px;
overflow: hidden;
white-space: nowrap;}
#slideshow img{width: 100%;
height: 100%;
display: inline-block;}
.circle{display: inline-block;
background: #E1F0F4;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 15px;}
#circle-nav{margin-top: -50px;
text-align: center;}


#boxes:hover{ opacity: 100%;}
#boxes2:hover{opacity:100%;}
#boxes3:hover{opacity: 100%;}
button{background:#516A78;
color: white;
border-radius: 5px;
}
button:hover{background: #80B5CF;}


footer{color:#516A78; 
	width: 100%;
	margin: 0 auto; 
	display: flex;
	justify-content: space-between;
}
#bottomL{text-align: left;
	padding: 10px;
}
#bottomR{text-align: right;
padding: 10px;}