.navbar {
	position: fixed;
	width: 100%;
	height: 75px;
	border-bottom: 1.5px solid #D5D5D5;
	background: #FFFFFF;
	z-index: 999;
}
.navbar > a {
	margin-right: 35px;
	text-decoration: none;
    color: #FFFFFF;
}
.navbar > a:visited {
	text-decoration: none;
    color: #FFFFFF;
}
.navbar > a:hover {
	margin-right: 35px;
	text-decoration: none;
    color: #FFFFFF;
}
@media screen and (max-width: 800px) {
	.navbar {
		top: 0px;
	}

	.navbar-divider {
		display: inline-block;
		height: 40px;
		background: transparent;
		width: 1.25px;
		margin-bottom: 17.5px;
	}
	.hamburger {
		width: 75px;
		height: 75px;
		display: inline-block;
		float: right;	
		cursor: pointer;
	}
	.hamburger-overlay {
		display: none;
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000000;
		z-index: 998;
		top: 0px;
		left: 0px;
		opacity: 0.60;
	}
	.hamburger-menu-container {
		position: fixed;
		width: 300px;
		background: #EBEBEB;
		left: -300px;
		height: 100%;
		z-index: 998;
	}
		.hamburger-menu-contents > ul {
			list-style-type: none;
			padding-left: 0px;
		}	
			.hamburger-menu-contents > ul > li {
				padding: 25px 5px;
			    font-family: "Avenir-Medium";
			    font-size: 18px;
			    transition: 0.35s background;
			    margin: 0px 25px;
			    border-bottom: 1px solid #D5D5D5;
			}
			.hamburger-menu-contents > ul > li:nth-child(1) {
				padding-top: 100px; 
			}
			.hamburger-menu-contents > ul > li:hover {
				background: #3ADFCD;
				color: #FFFFFF;
				transition: 0.35s background;
				cursor: pointer;
			}
	.logo {
		display: inline-block;
		width: 75px;
		float: left;
	}
		.logo > img {
			width: 75px;
		}
	.navbar-divider {
		display: none;
	}
	.navbar > ul {
		display: none;
	}
	.navbar > a {
		margin-left: 15px;
		display: none;
	}
}
@media screen and (min-width: 801px) {
	.hamburger, .hamburger-menu-container {
		display: none;
	}
	.navbar {
		top: -75px;
	}
		.navbar-divider {
			display: inline-block;
			height: 40px;
			background: transparent;
			width: 1.25px;
			margin-bottom: 17.5px;
		}
		.logo {
			display: inline-block;
			width: 75px;
		}
			.logo > img {
				width: 75px;
			}
		.navbar > ul {
			display: inline-block;
			padding-left: 15px;
			list-style-type: none;
			height: 100%;
		}
			.navbar > ul > li {
				float: left;
				line-height: 75px;
				height: 80%;
				font-size: 18px;
				padding-left: 15px;
				padding-right: 15px;
				font-family: "Avenir-Medium";
				color: #000000;
				opacity: 0.75;
			}
			.navbar > ul > li:hover {
				color: #3ADFCD;
				opacity: 1;
				border-bottom: 3px solid #3ADFCD;
				cursor: pointer;
			}
		.navbar > a {
			margin-top: 15.5px;
			float: right;
			background: #2B5B65;
			font-family: "Avenir-Heavy";
			font-size: 18px;
			color: #FFFFFF;
			text-decoration: none;
			padding: 7.5px 30px;
			border-radius: 100px;
			transition: 0.35s background;
		}
		.navbar > a:hover {
			opacity: 0.75;
			transition: 0.35s opacity;
			cursor: pointer;
		}
}