/*
===============
navbar
===============
*/

.navbar
{
   align-items: center;
	 justify-content: center;
}

.nav-center
{
   width:100vw;
	 max-width: 1120px;
}

.nav-header
{
   height: 10em;
	 justify-content: space-between;
	 align-items: center;
	 display: grid;
	 grid-template-columns: 1fr 1fr;
}

.nav-header img
{
   width: 200px;
}

.nav-logo
{
   display: flex;
	 align-items: flex-start;
}

.nav-links
{
   display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 gap: 1em;
	 overflow: hidden;
	 flex-direction: row;
	 transition: 0.3s ease-in-out all;
}

.show-links
{
   height: 23.9em;
}

.nav-link
{
  background: #4C9967;
  display: block;
	text-align: center;
	font-size: 1.75em;
	text-transform: capitalize;
	color: #F8FAFC;
	border-radius: 0.5em;
	letter-spacing: 1px;
	transition: 0.3s ease-in-out all;
	width: 10vw;
}

.nav-link:hover
{
   color: #E8AB4E;
}

h1, h2, h3, h4, h5
{
   margin: 0;
	 margin-bottom: 1.4em;
	 font-family: Roboto, sans-serif;
	 font-weight: 500;
	 line-height: 1.3;
	 text-transform: capitalize;
	 letter-spacing: 1px;
}

h2
{
  font-size: 2.0em;
}

h4
{
   font-size: 1.6em;
}

h5
{
   font-size: 1.3em;
}

body
{
  background-image: url(background.png);
	background-size: cover;
	backgournd-repeat: no-repeat;
}