body {
	background:#f1f1f1;
	color:#58585b;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:22px;
	margin:0;
	padding:0;
}

h1 {
	font-size:1.2em;
	text-align:center;
}

a {
	text-decoration:none;
	color:#00aeef;
}

.logo {
	margin:20px auto;
	width:20%;
	max-width:350px;
	min-width:200px;
}

.wrapper {
	background:#FFF;
	margin:10px auto;
	width:90%;
	max-width:960px;
	padding:50px 5%;
	
}


img {

	width:100%;
	max-width:408px;

}

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

body {
	color:#58585b;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1.1em;
	margin:0;
	padding:0;
}

.wrapper {

	margin:10px 0px;
	width:90% !important;
	height:auto;
	padding:40px 5%;
	
}

.logo {
	margin:20px auto;
	width:50%;
}
	
}