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

*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	background-color: #a1e6ed;
}

header {
	padding: 50px;
}

h1 {
	color: #02143e;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 50px;
}

ul li a {
	width: 170px;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 10px;
	color: #a1e6ed;
	background-color: #02143e;
	border-radius: 10px;
	display: block;
}

ul li a:hover{
	background-color: #3053a2;	
}


/*Tablet View*/

@media (min-width: 768px){
	
	body {
		max-width: 778px;
	}
	
	ul li{
		display: inline-block;
	}
	
	ul{
		text-align: center;
	}
	
	h1 {
	font-size: 30px;
	margin-bottom: 50px;
	}
	
}


/*Desktop View*/

@media (min-width: 1024px){
	
	body {
		max-width: 1000px;
	}	
	
}