.site-main
	{
	min-height: 100vh;
	display: grid;
	grid-template-rows: 1fr auto 1.5fr;
	}

.section-top
	{
	text-align: center;
	}

.section-bottom
	{
	background: #005000;
	opacity: 0.7;
	}

#contact-name, #contact-details
	{
	margin: 0.8rem;
	text-align: center;
	color: white;
	opacity: 1;
	}

#contact-name
	{
	font-size: 1.25rem;
	font-weight: bold;
	}

#contact-details
	{
	display:grid;
	grid-template-columns: 1fr auto 1fr;
	font-size: 1rem;
	}

#contact-details div
	{
	display: inline-block;
	}

#contact-details div div
	{
	padding-left: 1rem;
	}

#contact-details a
	{
	color: white;
	}

.section-center
	{
	padding-bottom: 3rem;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 2rem;
	align-items: center;
	}

.hero
	{
	display: grid;
	place-items: center;
	}

.hero .custom-logo
	{
	height: 66vh;
	width: auto;
	}

.custom-logo:hover
	{
	opacity: 0.7;
	}

.nav-left
	{
	text-align: right;
	}

.nav-right
	{
	text-align: left;
	}

.menu
	{
	list-style: none;
	padding: 0;
	margin: 0;
	}

.menu li
	{
	margin: 1.5rem 0;
	}

.menu a
	{
	color: #008500;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000;
	font-size: 1.5rem;
	letter-spacing: 0.25rem;
	}

.menu a:hover
	{
	opacity: 0.7;
	}

/* Mobile */
@media (max-width: 768px)
	{
	.section-center, #contact-details
		{
    	grid-template-columns: 1fr;
  		}
		
	#contact-details div
		{
		padding: 0.25rem;
		}

	.nav-left,
	.nav-right
		{
		text-align: center;
		order: 2;
		}

	.hero {
		order: 1;
		}
	}