body {margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size:18px; color:#333333;}
#wrapper {width:730px; height:570px; background:url(../images/bg.jpg) no-repeat center center; margin:30px auto; padding:30px 0px; text-align: center;}
.container {width:90%; display:table; margin:0px auto; background-color: rgba(198, 198, 198, 0.8); padding:10px 0px 20px 0px;}
h1{/*font-family: 'Roboto', sans-serif;*/ width:75%; font-size:27px; margin:0px auto 10px auto; padding:5px; /*background-color: rgba(198, 198, 198, 0.8);*/ line-height:35px;}
h2 {width:auto; display:table; font-size:22px; /*background-color: rgba(198, 198, 198, 0.8);*/ color:#333333; padding:5px 20px; margin:10px auto;}
table td {line-height:26px;}
a {color:#3D6F7D; text-decoration:none;}
.logo {text-align: center; margin-bottom:20px;}
ul {width:auto; display:table; margin:0px auto 20px auto; padding:0px;}
ul li {list-style-type:none; float:left; font-size:21px; font-weight:600; background-color: #DCB5AE; margin:0px 10px 0px 0px; padding:7px 10px;}
.leftbox, .rightbox {width:48%; float:left;}
rightbox {float:right;}
.icon-link {display:grid; align-items:flex-start;}

@media only screen and (max-width:700px) {
	#wrapper {width:96%;}
}

@media only screen and (max-width:480px) {
	#wrapper {width:100%; background:url(../images/bg-mobile.jpg) no-repeat center top; padding-bottom:100px; margin-top:0px;}
	h2 {font-size:20px;}
	ul {margin-bottom:0px;}
	ul li {font-size:18px; float:none; margin-bottom:8px;}
	.leftbox, .rightbox {width:99%; float:none;}
	.icon-link {display:inline-table; vertical-align:top;}
}