@media only screen and (min-width: 850px) and (max-width: 1200px){
	
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.headAndNavContainer{
		width:95%;
		margin:auto;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navbar{
		width:85%;
		margin:auto;
	}
}

@media only screen and (min-width: 850px) and (max-width: 1200px){
	.search{
	display:block;
	width:19em;
	float:right;
	margin-top:2em;
	margin-bottom:-2em;
	z-index:1;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.searchIcon{
	float:left;
	margin-right:-2em;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.searchBox{
	background-color:white;
	display:block;
	margin-top:6px;
	margin-left:-1em;
	float:right;
	z-index:1;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.searchResults{
	margin-top: 2em;
	margin-left:4.5em;
	position:absolute;
	background-color:white;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.searchResults a{
	display:block;
	color:darkslategray;
	text-decoration:none;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	#logoMedium{
		display:block;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	#logoLarge, #logoSmall{
	display:none;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.imageContainer{
	width:100%;
	margin:auto;
	padding-bottom:3em;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.logo{
	width:200px;
	margin:auto;
}
}


@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navButton{
		display:none;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.littleNavBar{
		display:none;
	}
}


@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navbar{
	display:block;
	padding-bottom:3em;
	width:85%;
	max-width:900px;
	margin:auto;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeftContainer{
	clear:none;
	width:45%;
	float:left;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navRightContainer{
	clear:none;
	width:55%;
	float:left;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeft{
	float:right;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navRight{
		width: 100%;
	margin:0 0 0 -4em;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeft, .navRight{
	font-size:.75em;
	background-color:white;
}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeft li, .navRight li{
			background-color:white;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeft li{
		float:left;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navRight li{
		float:left;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.navLeft li a, .navRight li a{
		color:black;
		width: auto;
	}
}
@media only screen and (min-width: 850px) and (max-width: 1200px){
	.dropdown-content{
		margin-top:1px;
		background-color: white;
		display:none;
		position:absolute;
		z-index:1;
	}
}