html, hody {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}

#bgcontainer {width:100%;height:100%;display:table;position:fixed;text-align:center;background:#fff;background-size:100%;}
#bocontainer {display:table-cell;vertical-align:middle;background-size:100%;}
#contenterbo {width:30%;margin:0 auto;padding:0;background:none;}

#bgtop {margin:0 auto;padding:0;}
.topimg {width:250px;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
.topimg img {width:250px;height:auto;}
.toptit {margin:0 auto;padding:0;font-weight:400;font-size:30px;font-family:'Anton', sans-serif;}

#bgmid {margin:0 auto;padding:0;}
.midtit {margin:0 auto 10px;padding:0;font-weight:400;font-size:20px;font-family:'Roboto', sans-serif;text-transform:uppercase;}

#bgcen {margin:0 auto;padding:0;}
.centit {margin:0 auto 10px;padding:20px;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;background:#CFF4FC;border:1px solid #B6EFFB;border-radius:5px;box-shadow:0px 3px 15px 0 rgba(0,0,0,0.1);}
.centit a {text-decoration:none;color:#800000;}
.centit span {font-weight:400;font-size:10px;font-family:'Roboto', sans-serif;color:#666;}

#bgbot {margin:0 auto;padding:0;font-weight:400px;font-size:12px;}
.botcop {margin:0 auto;padding:0;text-transform:uppercase;}
.botdev {margin:0 auto;padding:0;text-transform:uppercase;}
.botdev a {color:#666;text-decoration:none;}
.botdev a:hover {color:#000;}
@media screen and (max-width: 980px)
{
    html, hody {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}
	#bg {margin:0 auto;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;color:#000;}

	#bgcontainer {width:100%;height:100%;display:table;position:fixed;text-align:center;background:#fff;background-size:100%;}
	#bocontainer {display:table-cell;vertical-align:middle;background-size:100%;}
	#contenterbo {width:80%;margin:0 auto;padding:0;background:none;}

	#bgtop {margin:0 auto;padding:0;}
	.topimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
	.topimg img {width:50%;height:auto;}
	.toptit {margin:0 auto;padding:0;font-weight:400;font-size:25px;font-family:'Anton', sans-serif;}

	#bgmid {margin:0 auto;padding:0;}
	.midtit {margin:0 auto 10px;padding:0;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;text-transform:uppercase;}
	
	#bgcen {margin:0 auto;padding:0;}
	.centit {margin:0 auto 10px;padding:20px;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;background:#CFF4FC;border:1px solid #B6EFFB;border-radius:5px;}
	.centit a {text-decoration:none;color:#800000;}
	.centit span {font-weight:400;font-size:10px;font-family:'Roboto', sans-serif;color:#666;}

	#bgbot {margin:0 auto;padding:0;font-weight:400px;font-size:10px;}
	.botcop {margin:0 auto;padding:0;text-transform:uppercase;}
	.botdev {margin:0 auto;padding:0;text-transform:uppercase;}
	.botdev a {color:#666;text-decoration:none;}
	.botdev a:hover {color:#000;}
}