@media screen and (max-width: 680px) {

	html,
	body {

		width: 100%;

		max-width: 100%;

	}

	#hwrap,

	#hwrap #hw,

	#hwrap #header,

	#hwrap #branding,

	#hwrap #access,

	#hwrap #masthead {

		width: 100% !important;

		max-width: 100%;

		min-width: 0;

	}



	#hwrap #branding {

		padding-top: 1em;

		padding-bottom: 1em;

	}



	#hwrap #logo {

		display: block;

		position: relative;

		width: 180px;

		height: 80px;

		margin: 0 auto 1em auto;

		background-size: contain;

		float: none;

		clear: both;

	}

	#hwrap #site-description {

		display: block;

		position: relative;

		width: 400px;

		max-width: 100%;

		height: 26px;

		margin: 0 auto;

		float: none;

		clear: both;

		top: auto;

		left: auto;

		background-size: contain;

	}

	#hwrap #dlcat {

		display: block;

		position: absolute;

		width: 220px;

		height: 42px;

		top: 0;

		right: 0;

		left: auto;

		background-size: contain;

	}

	#hwrap #call {

		display: block;

		position: absolute;

		top: 1.2em;

		right: 1em;

		margin: 0;

		padding: 0;

		font-size: 1.4em;

	}

	#hwrap #call a {

		display: inline-block;

		position: relative;

		color: #993300;

		text-decoration: none;

		font-size: 1em;

	}



	/* Nav Menu */

	#access>label {

		display: block;

		position: relative;

		width: 48px;

		height: 48px;

		margin: 0 auto;

		padding: 0;

		clear: both;

		background: rgba(186, 160, 129, 0.58) url(images/mobile-menu.png) center center no-repeat;

		background-size: 90%;

		border-radius: 0.35em;

		text-indent: -1000%;

		overflow: hidden;

	}

	#access>input {

		display: none;

	}

	#access .menu-header>ul {

		display: block;

		position: relative;

		width: 100%;

		margin: 0 auto;

		padding: 0;

		float: none;

		clear: both;

	}

	#access .menu-header>ul>li {

		display: block;

		position: relative;

		width: 100%;

		margin: 0 auto;

		padding: 0;

		float: none;

		clear: both;

	}

	#access .menu-header>ul>li>a {

		display: block;

		position: relative;

		width: 94%;

		margin: 0 auto;

		padding: 0.2em 3%;

		float: none;

		clear: both;

		text-align: center;

		font-size: 1.1em;

		color: #503c07;

		background: #f7efd2;

		border-bottom: solid 1px #ae9981;

	}



	#access {

		display: block;

		position: relative;

		margin: 0 auto;

		padding: 14px 0;

		float: none;

		clear: both;

		height: 52px;

		background-position: center center;

	}

	#access .menu-header {

		display: block;

		position: absolute;

		width: 94% !important;

		max-width: 100% !important;

		margin: 0;

		padding: 0;

		height: 0;

		max-height: 0;

		opacity: 0;

		top: 92%;

		left: 3%;

		right: 3%;

		overflow: hidden;

		transition: max-height 0.8s ease, opacity 0.8s ease;

	}

	#access>input:checked~.menu-header {

		height: auto;

		max-height: 640px;

		opacity: 1;

		transition: max-height 0.8s ease, opacity 0.8s ease;

	}

	#menu-main-menu>li label {

		display: block;

		position: absolute;

		width: 100px;

		height: 40px;

		top: -1px;

		right: 34px;

		color: transparent;

		overflow: hidden;

	}

	#menu-main-menu>li label:after {

		content: "▼";

		display: block;

		position: absolute;

		width: 32px;

		height: 24px;

		top: 4px;

		left: 34px;

		padding-top: 0.3em;

		text-align: center;

		font-family: Arial, Helvetica, sans-serif;

		font-weight: bold;

		font-size: 24px;

		color: rgba(79, 69, 9, .38);

		border: dashed 1px rgba(79, 69, 9, 0.38);

	}

	#menu-main-menu>li ul {

		display: block;

		position: relative;

		width: 94%;

		height: 0;

		max-height: 0;

		margin: 0 auto;

		padding: 0 3%;

		opacity: 0;

		top: 0;

		left: 0;

		float: none;

		clear: both;

		text-align: center;

		overflow: hidden;

		border-radius: 0 0 6px 6px;

		transition: max-height 0.8s ease;

	}

	#menu-main-menu>li ul li {

		display: inline-block;

		position: relative;

		min-width: 0;

		margin: 0 0.75em;

	}

	#menu-main-menu>li ul li a {

		padding: 1.5em 0.25em;

		text-decoration: underline !important;

	}

	#menu-main-menu>li input:checked~ul {

		height: auto;

		max-height: 120px;

		opacity: 1;

		transition: max-height 0.8s ease;

	}





	/* Body */

	#wrapper,
	#main,
	#p1,
	#p2,
	#p2>div:nth-child(1),
	#p2>div:nth-child(2) {

		display: block;

		position: relative;

		margin: 0 auto;

		padding: 0;

		float: none;

		clear: both;

		top: auto;

		left: auto;

		height: auto;

	}

	#wrapper,
	#main,
	#p1,
	#p2 {

		width: 100%;

		max-width: 100%;

	}

	#p2>div:nth-child(1) {

		padding-top: 4em;

	}

	#p2>div:nth-child(1),
	#p2>div:nth-child(2) {

		width: 100%;

		max-width: 94%;

	}

	#p2>div:nth-child(1)>div,
	#p2>div:nth-child(2)>div {

		max-width: 100%;

	}

	#thm {

		width: 99%;
		max-width: 99% !important;


		height: auto;

		margin: 0 auto 0 auto;
		margin-top: 20px;

		padding: 0;

	}

	#thm .frame {
		width: 105%;
		height: 112%;
		top: -18px;
		left: -18px;
		background-size: 100% 100%;


	}

	#thm img {
		width: 100% !important;

	}

	#thm .frame img {

		width: 100% !important;

		height: auto !important;

	}

	#wrapper {

		padding-top: 14em;

	}

	#wrapper img {

		max-width: 99%;

		height: auto;

	}

	#ptab {

		display: none !important;

	}



	/* Footer */

	#footer {

		display: block;

		position: relative;

		width: 100%;

		min-width: 50%;

		max-width: 94%;

		margin: 0 auto;

		padding: 0.2em 3%;

		float: none;

		clear: both;

	}

	#footer #ft,

	#footer .f,

	#footer .f .alignleft,

	#footer .f .alignright {

		width: 100%;

		max-width: 100% !important;

		float: none;

		clear: both;

	}



	#stcpDiv,
	#stSegmentFrame,
	#stwrapper,
	#stOverlay {}

}