body{
	font-family: "Segoe UI", Verdana, sans-serif;
	font-size: 1.1em;
}
.largeNav{
	display:none;
}
.smallNav{
	width: 100%;
	min-width: 320px;
}
.navSectionOne{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin:auto;
	text-align: center;
}
.logo{
	display: flex;
	justify-content: space-between;
}
.bigMac{
	margin:1em;
}
.macBar{
	width: 3em;
	height: .4em;
	background-color: #134522;
	margin-top:7px;
}
.navTitle img{
	width:95%;
	max-width: 20em;
}
.navMenu{
	margin-top: 1em;
	width: 12em;
	background-color: #134522;
	display: block;
	position: absolute;
	z-index: 1;
}
.navMenu ul{
	list-style-type: none;
	list-style-position: inside;
}
.navMenu ul a{
	color:white;
	background-color: #134522;
	text-decoration: none;
}
.bar{
	height: 1em;
	width: 100%;
	background-color: #134522;
	margin-top: 1em;
}





@media only screen and (min-width: 720px){
	.largeNav{
		display: block;
		width: 100%;
		max-width: 1000px;
		margin: auto;
	}
	.smallNav{
		display: none;
	}
	.largeLogo{
		width: 20%;
		float:left;
		margin: 1em 0 0 5em;
	}
	.largeContact{
		margin: 2em 5em 0 0;
		width: 20%;
		float:right;
	}
	.largeContact img{
		width: 100%;
	}
	.largeTitle{
		clear:both;
		display: block;
		position: relative;
		width:400px;
		margin: auto;
	}
	.largeMenu ul{
		display: flex;
		justify-content: space-around;
		height: 2.5em;
		align-items: baseline;
		padding-top: 1em;
		list-style-type: none;
	}
	.largeMenu{
		width: 100%;
		height: auto;
		background-color: #134522;
	}
	.largeMenu a{
		color: white;
		background-color: #134522;
		text-decoration: none;
	}
	.dropdownContent{
		display: none;
		width: 10em;
		height: 10em;
		position: absolute;
		z-index: 1;
		background-color: #134522;
	}
	.dropdownContent li{
		padding: .5em;
		width: 15em;
	}
	.dropdown:hover .dropdownContent{
		display:block;
	}
}