body {
font-family: sans-serif;
background: #fff;
text-align: center;
}
img.hero{
 display: block;
    margin-left: auto;
    margin-right: auto;
margin-top: 10px;
}
img.logo{
 display: block;
    margin-left: auto;
    margin-right: auto;
margin-top: 15px;
}
p.title{
color: #ed373f;
font-size: 20px;
font-weight: bold;
margin-bottom: 120px;
}
#box {
	width: 500px;
	margin: 10px auto;
	color: #333;
	background:#fff;
	padding: 20px;
	font-size:12px;
	text-align: left;
}
a {
color: #ed373f;
text-decoration:none;
}

@media (min-width: 0px) and (max-width: 500px) {
	img.logo {width: 250px;}
	img.hero {width: 350px;}
}

@media (min-width: 501px) and (max-width: 767px) {
	img.logo{width: 300px;}
	img.hero{width: 500px;}
}

@media (min-width: 768px) and (max-width: 979px) {
	img.logo{width: 350px;}
	img.hero{width: 760px;}
}

footer {
text-transform:none;
margin-top: 15px;
text-align: center;
color: #191919;
width:100%;
font-size:11px;
}
footer p {
margin: 5px 0;
}