@charset "UTF-8";

img{vertical-align: middle;}

a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

body{
/*	background-color: #1d3254;*/
	background-color: #253e8e;
}


article{
	width: 100%;
	padding: 10% 0;
}

article div{
	position: relative;
	width: 100%;
}


article h1{
	font-family: 'Playfair Display', serif;
	color: #7e7d80;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	font-size: 1500%;
	text-align: center;
	letter-spacing: 0.1em;;
}

article div > p{
	position: absolute;
	width: 100%;
	color: #ffffff;
	text-align: center;
	top: 82%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	font-size: 150%;
	letter-spacing: 0.2em;
}

article > p:first-of-type{
	width: 100%;
}

article > p img{
	width: 20%;
	margin: 0 40%;
}

article > p:last-of-type{
	padding: 10% 0 0 0;
	font-size: 200%;
	color: #ffffff;
	text-align: center;
}


@media screen and (min-width: 761px) {
	article{
		padding: 5% 0;
	}

	article div > h1{
		font-size: 2200%;
	}
	
	article div > p{
		letter-spacing: 0.08em;
		font-size: 200%;
	}

	article > p img{
		width: 12%;
		margin: 0 44%;
	}
}