﻿@media screen and (max-width: 1260px) {

	body {
		font-size: 1rem;
	}

	#BannerImage,
	#MainWrapper {
		max-width: 100% !important;
	}

	.RockWrapper {
		width: 100%;
		min-height: auto;
	}
		.RockWrapper.even {
			margin: 0 12px 24px 0;
			float: none;
		}

	.alertBox.foundRock {
		background-position-x: center;
		padding: 155px 5px 5px 5px;
	}

	body {
		overflow-x: hidden !important;
	}

	.BodyWrapper {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.DiscoveryCountHolder {
		bottom: 0;
	}
}

@media screen and (max-width: 800px) {
	#MainWrapper {
		padding: 5px;
	}
	
	.menu-div {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 700px) {

	.mainmenu li a {
		padding: 2px 16px;
	}
	.menu-div {
		bottom: 5px;
		/*position: absolute;
		max-height: 50px;*/
	}
		/*.menu-div .menu-link {
			color: #3f5031;
			font-size: 1.1em;
			font-weight: bold;
			text-decoration: none;
			text-shadow: -1px 3px 3px #f2f199;
		}*/
}

@media screen and (max-width: 600px) {

	#AboutUs .geo {
		width: 200px;
	}
}

@media screen and (max-width: 500px) {

	body {
		font-size:0.9rem;
	}
	
	#TravelHistoryMap {
		width: 100%;
		height: 300px;
	}

	#TotalDistance h3 span {
		display: block;
	}

	.RockImage {
		width: 100px;
		height: 100px;
	}

		.RockImage img {
			max-width: 100px;
		}

	#AboutUs {
		font-size: 18px;
	}

		#AboutUs h1 {
			font-size: 1.2rem;
		}

		#AboutUs .geo {
			width: 150px;
		}

	.menu-div {
		font-size: 1.2rem;
		padding: 0 0 0 5px;
	}

	.DedicationsHolder {
		min-height: 1rem;
	}
}

@media screen and (max-width: 450px) {
	.FormFieldInput {
		display: block;
	}
}

@media screen and (max-width: 400px) {
	#TravelHistory h3 span {
		display: none;
	}

	.DedicationsHolder {
		min-height: 0rem;
	}

	.RockImage {
		width: 75px;
		height: 75px;
	}

	.RockVitals {
		margin-left: -10px;	
	}

		.RockVitals ul {
			padding-left: 15px;
			font-size: .8rem;
		}

	#AboutUs .geo {
		width: 100px;
	}

	.menu-div {
		font-size: 0.9rem;
		padding: 0;
	}

	.menu-link {
		color: #3f5031;
		font-size: 1.0rem;
		font-weight: bold;
		text-decoration: none;
		text-shadow: -1px 3px 3px #f2f199;
	}
}