@charset "utf-8";
/* CSS Document */
#contact{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.6);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; position:relative;}
.middiv{margin:auto; width:80%;}
#contactimg{margin:auto; position:relative;}
.infowrapper{margin-left:10px; width:300px; text-align:justify;}
.contacttitle{text-align:center;}
.middiv i, .middiv p{font-size:19px;}
@media only screen and (min-width: 600px) {
	/* For tablets: */
.middiv img{ margin:auto; display:block;}
.title h1{font-size:40px;}
.title{ height:300px;}	
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.main{clear:both;}
.title h1{font-size:50px;}
}