* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	overflow: hidden;
}

.container {
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
}

.main {
	overflow: hidden;
}

.footer {
	background-color:#C0A985;
	color:white;
	place-items: center;
}

.footer p {
	margin-top: 0;
	font-size: 75%;
}

nav {
	background-color:#C0A985;
}

nav a {
	color: #4F614B;
	font-weight: 900;
	font-size: 1em;
	margin-left: 10px;
	text-decoration: none;
}

nav a:hover {
	text-decoration: underline;
}

button.btn {
	border: 1px solid #ccc;
	background-color: #E2EFDA;
	font-size: 16px;
	width: 10em;
}

/* Hide on desktop/large screens */
.mobile-only {
  display: none;
}

/* Show on screens 768px or smaller */
@media screen and (max-width: 768px) {
  .mobile-only {
	display: block;
  }
}