@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #939598;
}
main {
	min-height: 100%;
	height: auto !important; /* IE6 support */
	height: 100%;
	margin: 10% auto -5em; /* the negative value of footer's height */
	padding: 0 2em;
}
footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 5em; /* .push must be the same height as .footer */
	background-color: #C7C8CA;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #fff;
}

a.footer {color: #fff; text-decoration: none;}
a.footer:link {color: #fff; text-decoration: none;}
a.footer:active {color: #fff; text-decoration: underline;}
a.footer:visited {color: #fff; text-decoration: none;}
a.footer:hover {color: #fff; text-decoration: underline;}

a img {border: none;}

.box {
	max-width: 25%;
	margin: 0 auto;
	border: #C7C8CA thin solid;
	border-radius: 1em;
	box-shadow: 3px 3px 10px grey;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.box {
	max-width: 100%;
	margin: 0 auto;
	border: #C7C8CA thin solid;
	border-radius: 1em;
	box-shadow: 3px 3px 10px grey;
}
}