body{
	margin: 0px;
}
h1{
	font-family: Arial, sans-serif;
	color: #000080;
	text-align: center;
	font-size: 3vh;
	margin: 1%;
	padding: 0;
}
a{
	float: left;
	color: white;
	padding: 5px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	text-decoration: none;
}
.top{
	grid-area: header;
	background-image: url("200131, Pima Canyon (6).jpg");
	background-size: cover;
	margin: 0px;
}
.rest{
	grid-area: main;
	background-image: url("Catalina backdrop 2.png");
	background-size: cover;
	margin: 0px;
}
.grid-container{
	display: grid;
	grid-template-areas:
	'header'
	'main';
	grid-gap: 0px;
}
.navbar{
	overflow: hidden;
	background-color: #0047ab;
}
.button{
	background-color: #0047ab;
	border: none;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 20px;
	padding: 5px;
	margin: 0px;
	float: left;
}
.navbar a:hover, .button:hover {
	background-color: red;
}