/*colors*/
/*gray: rgba(89, 81, 83, 1);*/
/*brown: rgba(166, 138, 123, 1);*/
/*tan: rgba(217, 185, 167, 1);*/
/*red: rgba(242, 31, 12, 1);*/
/*salmon: rgba(242, 69, 53, 1);*/

/*navbar*/
nav
{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	margin: 0 auto;
}

.nav-container
{
	width: 100%;
	background: rgba(89, 81, 83, 1);
	padding-top: 3vh;
	padding-bottom: 3vh;
	position: fixed;
	top: 0;
	box-shadow: 0px 2px 10px rgba(58, 61, 63, 1);
}

#nav-toggle, .burger-menu
{
	display: none;
}

@media only screen and (max-width: 1050px)
{
	.burger-menu
	{
		display: inline-block;
		padding-left: 2vh;
		padding-top: 10px;
	}

	.left-menu
	{
		display: none;
	}

	.navigator
	{
		margin-top: 6vh;
		margin-left: 1vh;
	}

	.title
	{
		display: none;
	}

	.logo
	{
		height: 60px;
	}
}

#nav-toggle:checked ~ .left-menu
{
	display: grid;
	grid-row: 2;
	height: 60vh;
}

.left-menu
{
	grid-column: 1;
	padding: 1vh;
	align-self: center;
}

.logo-link
{
	grid-column: 2;
	text-align: center;
	margin: 0;
	padding: 0;
}

.logo
{
	max-height: 90px;
	width: auto;
	margin: 0;
	padding: 0;
}

.title
{
	grid-column: 3;
	text-align: center;
	margin: auto;
	font-size: 2.8rem;
	letter-spacing: -1.5px;
}

#burger
{
	height: 3vh;
	width: auto;
	min-height: 35px;
}

#burger:hover
{
	cursor: pointer;
}

@media only screen and (min-width: 1051px)
{
	.navigator
	{
		margin-left: 2vw;
	}
}

.left-menu a
{
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.nav-container a:link, .nav-container a:visited
{
	text-decoration: none;
	color: white;
	transition-duration: 0.2s;
}

.nav-container a:hover, .nav-container a:active
{
	text-decoration: none;
	color: rgba(242, 69, 53, 1);
	transition-duration: 0.2s;
}

a.title:hover, a.title:active
{
	text-decoration: none;
	color: rgba(242, 69, 53, 1);
	transition-duration: 0.2s;
}