/* header */
header {
	background:center top no-repeat;
}
header h1{
	text-align:center;
	padding-top:80px;
	padding-bottom:100px;
}


/*dg*/
.dg{
	background:#0D1E3D;
}
.dg div{
	margin:0px auto;
	padding:10px;
	max-width:1200px;
	color:#fff;
	text-align:center;
}
.dg ul{
	margin:0px auto;
	max-width:1200px;
}

.dg li{
	margin:20px;
	width:240px;
	height:170px;
}


.dg:after,.dg ul:after{
	content:"";
	display:block;
	clear:both;
}








@media only screen and (max-width: 768px) {

/* header */
header {
	background:center top no-repeat;
	height:180px;
}
header h1{
	text-align:center;
	padding-top:80px;
}
.top h1{
	font-size:30px;
}


}


@media only screen and (max-width: 480px) {


.dg li {
	margin:0px auto 40px auto;
	float:none;
}


}