@charset "utf-8";
/* CSS Document */
.body{margin:0;}
#about a{ font-weight:bolder; font-size:18px; text-decoration:underline;}
.main{min-height:500px; width:100%;}
#aboutlink{display:block; margin:5px;}
#aboutlink ul{list-style-type:none; margin:0px auto 0px auto; padding:0; width:80%;}
#aboutlink ul li{ list-style-type:none; margin:5px;}
.middiv{margin:5px auto;}
.intext{text-align:justify; padding:5px 12px 0px 12px;}
.abouttitle{text-align:center;}
.aboutimg img{display:block; margin:0px auto 0px auto; flex-shrink:0; max-height:100%; max-width:100%;}
.aboutimg{margin:5px auto 5px auto; width:99%;}
.intext span{font-weight:bold;}
#vocations{background-color:#EFE601;}

@media only screen and (min-width: 600px) {
	/* For tablets: */	
.body{margin:0 auto 0 auto; width:98%;}
/*#aboutlink ul li{display:inline-block; margin:0px 8px 0px auto;}*/
#aboutlink ul li{margin-left:0px;}
.main{display:flex;}
.middiv{margin:auto; width:80%;}
.middiv > div{width:95%; border-left:solid thin #6A3100;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.body{width:90%; margin:0 auto 0 auto;}
}