@charset "UTF-8";
/* CSS Document */
/*dyska story*/
#ab{
	background: url('../images/ab-cover.jpg') no-repeat fixed;
	background-size: 100%;
	
}
@media only screen and (max-width: 1280px) {
	#ab{
	background: url('../images/ab-cover.jpg') no-repeat top center fixed;
	background-size: auto 500px;
	}
	img{
		max-width: 80%;
	}
}
#ab h1,h2{
	color: #274665;
}
img{
	margin: 0 .5em 1em;
	padding: 0;
	box-shadow: 1px 3px 5px rgba(0,0,0,0.2);
}
.set1, .set2, .set3, .set4, .set5{
	width: 100%;
	padding: 50px 0;
	margin: 6em 0;
	text-align: center;
}
#ab .set1{
	background: #D8D8D8;
}
#ab .set2, .set4{
	background: #274665;
	color:#eee;
}
#ab .set3 div{
	max-width: 220px;
	display: inline-block;
	vertical-align: top;
	margin:0 .5em 0 0;
}
#ab .set6{
	width: 100%;
	padding: 50px 0 -1em;
	margin: 6em 0 0-1em;
	text-align: center;
}
#ab .set6 div{
	max-width: 420px;
	display: inline-block;
	vertical-align: top;
	margin:0 .5em 0;
	max-height:1440px;
	overflow: hidden;
}
#ab .set6 div img{
	margin: 1em 0 0;
}
#ab .set6 figcaption{
	font:400 .75em/1.5em "Raleway", sans-serif; 
	padding:0 30px; 
	margin: 0 auto 3em;
	display: block;
	text-align: center;
	max-width: 500px
}