@charset "utf-8";
/* CSS Document */
#about{font-weight:bold; border-bottom:solid thick #F4A45E;}
.title{position: relative; height:180px; display:flex; align-items: center; justify-content: center; }
.title h1{font-size:30px; position: absolute; z-index:1; top:0; left:0; right:0; bottom:0; height:inherit; background-color:rgba(51,51,51,0.7);margin:auto; display:flex; align-items: center; justify-content: center; color:white;}
.title img{flex-shrink:0; max-height:100%; max-width:100%; display:block; margin-left:auto; margin-right:auto;}
.main{min-height:500px; overflow:auto;}
#content{margin:15px 10px; padding-bottom:15px; height:inherit; background:rgba(0,153,255,0.5); color:white; font-family:"Gadget", Arial Black, sans-serif; list-style:none; text-align:center; border-radius:8px;}
#content a{text-decoration:none; color:white;}
#content a:hover{text-decoration:underline;}
.abouttext{margin:10px 5px; width:95%; padding:10px 12px 10px 12px;}
.abouttext h2,.abouttext h3,.abouttext p{text-align:justify;  margin:3px; font-family:"Clarendon BT", Impact,  Cambria, Cambria Math; line-height:25px;}
.abouttext h1{text-align:center; margin:3px; font-family:"Clarendon BT", Impact,  Cambria, Cambria Math;}
.abouttext li{margin:0; list-style-type:square;}
@media only screen and (min-width: 600px) {
	/* For tablets: */	
.title h1{font-size:40px;}
.title{ height:300px;}
#content{float:left; margin:15px 10px; width:20%; text-align:left; padding:0 0 15px 15px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.main{clear:both;}
.title h1{font-size:50px;}
.abouttext{margin:10px 15px; width:60%; float:left;}
}