/* CSS Document */

body {
	display: grid;
	grid-template-columns: 15% 70% 15%;
	grid-column-gap: 20px;
	background-color: salmon;
}

#content {
	grid-column-start: 2;
}

div {
	margin: 5px auto;
}

h1 {
	color: aqua;
	border-color: aquamarine;
	font-size: 96px;
	margin: auto auto;
}

#nav {
	display: grid;
	grid-template-columns: auto auto auto;
	text-align: center;
	font-size: 36px;	
}

.navbar {
	background-color: darkorange;
	border-color: red;
	border-style: solid;
	border-radius: 10%;
	color: black;
	text-decoration: none;
}

.navbar:hover {
	color: blue;
	background-color: orangered;
}


#locations {
	background-color: beige;
	display: grid;
	grid-template-rows: auto auto auto;
	border-radius: 2%;
}

.country {
	display: grid;
	grid-template-columns: auto auto;
	margin: 50px 20px;
}

p {
	margin: 20px;
	font-size: 24px;
}

img {
	height: auto;
	width: auto;
	max-height: 300px;
	max-width: 990px;
	margin: 20px;
	border-radius: 2%;
}

footer {
	padding: 0px 20px 20px;
}