body {
font-family: 'Roboto', sans-serif;
}
img.logo{
 display: block;
    margin-left: auto;
    margin-right: auto;
margin-top: 200px;
}

#box {
	width: 500px;
	margin: 50px auto;
	color: #333;
	background:#fff;
	padding: 20px;
	font-size:12px;
}
a {
color: #ccc;
text-decoration:none;
}

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

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

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

footer {
position: absolute;
bottom: 20px;
width: 99%;
text-align: center;
}
footer p {
margin: 5px 0;
}