@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: 'Spectral', serif;
	font-size:15px;
	color:#FFF;
	background:#566B7C;
	text-align:center;
	XXbackground:url(../images/webbg.jpg) no-repeat 0px 0px fixed;
	Xbackground-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	}	
	
#logo {margin-top:20px; margin-bottom:20px;font-size:60px;  font-weight:400;xtext-shadow:1px 1px 3px #454545}
#logo img {width:400px; height:auto;}

#wrapper {width: 100%; max-width: 800px; margin: 0 auto}

.ib {    font-family: 'Ibarra Real Nova', serif;}
.sp {font-family: 'Spectral', serif;}
    
a {color:#B78524; text-decoration: none;}

#slogan {font-size:20px; margin:0 auto 10px auto; width:92%; max-width:690px;Xtext-shadow:1px 1px 4px #444; line-height:1.2; }
.intro {color:#666; margin-bottom:20px;}

.mid { margin:30px auto 30px auto; width:92%; max-width:840px;}
.address {font-size:22px; line-height:1.2; Xbackground:rgba(144,127,117,0.9); display:inline-block; margin:0 auto; padding:8px 10px;border-radius:4px;Xtext-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height:2;}
.address a {  text-decoration:none; display:inline-block; margin:0 20px;}

.address  img {height:80px; width:auto;}

#slogan img {width:100%; max-width: 100%; height: auto;}

@media (max-width: 680px) {
body {	}
#logo {margin-top:20px; margin-bottom:20px;font-size:34px;  font-weight:400;}
#logo img {max-width:300px;width:70%; height:auto;}
#slogan {font-size:17px;line-height:1.5;text-shadow:1px 1px 1px rgba(250,250,250,0.5);}
.address {font-size:20px; line-height:2.2; display:inline-block; margin:0 14px; padding:8px 10px;border-radius:4px;xxtext-shadow:1px 1px 1px rgba(0,0,0,0.5)}
}