body {
	margin:40px;
}
#main {
	width:70%;
	margin:auto;
	text-align:center;
}
#main #links a {
	display:inline-block;
	width:200px;
	height:100px;
	padding:10px;
	text-decoration:none;
	font-size:20px;
	color:inherit;
	margin:20px;
}
header {
	padding:5px;
}
/* FONTS */
#main {
	font-family: 'Calibri';
	font-size:16px;
}
#main header h1 {
	font-family: 'Indie Flower', cursive;
	color: white;
}

footer {
	font-family: 'Akaya Kanadaka';
}

/* */
/* COLORS */
#main #links a {
	background:#88c2c1;
	border-top:10px solid #07a4a2;
	border-bottom:10px solid #07a4a2;
	color: #222;
}

#main a:hover {
	background:#bfbfbf !important;
	border-top:10px solid #595959 !important;
	border-bottom:10px solid #595959 !important;
}
body {
	background: #eee;
}
header {
	background:#07a4a2;
}

footer {
	color: #222;
}
/* */
@media only screen and (max-width: 768px) {
	body {
		margin:0px;
	}
	#main {
		width:100%;
	}
	#main #links {
		margin:auto;
	}
	#main #links a {
		display:block;
		width:80%;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
		height:50px;
	}
}