@font-face {
  font-family: "ChevinBold";
  src: url("https://az405803.vo.msecnd.net/fonts/chevin-bold.eot");
  src: url("https://az405803.vo.msecnd.net/fonts/chevin-bold.eot?#iefix") format("embedded-opentype"), url("https://az405803.vo.msecnd.net/fonts/chevin-bold.woff") format("woff"), url("https://az405803.vo.msecnd.net/fonts/chevin-bold.ttf") format("truetype"); 
}
h1 {
	font: 30px "ChevinBold";
}
.background {
	background: #009ee0 url(../img/bg.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wrapper {
	color: #fff;
	font: 20px Helvetica,Arial,sans-serif;
	height: 300px;
	left: 50%;
	margin: -150px -250px  auto;
	width: 500px;
	position: absolute;
	text-align: center;
	top: 50%;
}
.wrapper img{
	border-bottom: 1px solid #fff;
	padding: 0 25% 10% 25%;
	margin-bottom: 5%;
}
@media all and (max-width:500px)  {
	h1 {
		font-size: 22px;
	}	
	.wrapper {
		font-size: 16px;
	}
	.wrapper img{
		padding: 0 10% 10% 10%;
		width: 30%;
	}
}