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

body {
	display: grid;
	grid-template-rows: 450px 80px 1fr 80px;
	height: 100vh;
	width: 1200px;
	margin: 0 auto 0 auto; 
	
}


#header {
	background: url("images/header-1.jpg");
	text-align: center;
	font-size: 2.5em;
	color:hsla(0,0%,100%,1.00);
}





#navi {
	text-align: center;
	background-color: antiquewhite;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	
 
}

#content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 1.2em;
	font-size: 1.2em;
	margin-bottom: 1.4em;
	

}  


#footer {
	background: #69B8FB;
	color: white;
	text-align: center;
	padding-top: 28px;
	font-size: 1.5em;
	
}


a {
	color: rgba(0,32,60,1.00);
	text-decoration: none;
	margin-left: 20px;
	font-size: 1.5em;
	
}

a:hover {
	text-shadow: 2px 2px 2px grey;
}