@charset "UTF-8";
/* CSS Document */
/*dyska story*/
#hdc{
	background: url('../images/hdc-cover.jpg') no-repeat fixed;
	background-size: 100%;
	
}
@media only screen and (max-width: 1280px) {
	#hdc{
	background: url('../images/hdc-cover.jpg') no-repeat top center fixed;
	background-size: auto 500px;
	}
}
@media only screen and (max-width: 800px) {
	img{
		max-width: 80%;
		margin: .5em 0;
	}
}
#hdc h1,h2{
	color: #064A91;
}

.set1, .set2, .set3, .set4, .set5{
	width: 100%;
	padding: 50px 0;
	margin: 6em 0;
	text-align: center;
}
#hdc .set1{
	background: #EBEAEF;
}
.set1 img, .set4 img{
	margin: .5em;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
#hdc .set2{
	background: #383435;
	vertical-align: top;
	color: #eee;
}
.set2 div{
	max-width: 1050px;
	display: inline-block;
	vertical-align: top;
}
.set2 img{
 margin: .5em;
}
#hdc .set3{
	background: #064A91;
	vertical-align: top;
	color: #eee;
}
.set3 div{
	max-width: 960px;
	display: inline-block;
	vertical-align: top;
}
.set3 img{
	margin: 0 2em 2em 0;
}
.set3 figcaption{
	margin: 1em auto 0;;
}
#hdc .set5{
	background: #383435;
	vertical-align: top;
	color: #eee;
	margin-bottom: 0;
	padding-bottom: 6em;
}
.set5 .subset1{
	max-width: 320px;
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 0;
}
.set5 .subset2{
	max-width: 890px;
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 0;
}
.set5 img{
	margin: 0 0 1em;
}