/*-----------------------------------------------------------------
RESPONSIZE STYLESHEET, for modern browsers

Version:	2.0
Author: 	Rasmus Schau-Seidler
Email: 		rs@gormlarsenzornig.com
website:	www.gormlarsenzornig.com

-----------------------------------------------------------------*/
/* WIDELY USED DEVICES SCREEN SIZE

320 x 480 : iPhone 3-4S (4+ : simulated size)
768 x 1024 : iPad
480 x 800 : HTC Desire, HTC Touch, HTC Nexus One + Nokia Lumia + Samsung Nexus S, Samsung Galaxsy S 1-2
720 x 1280 : Samsung Galaxy S3, Samsung Nexus, HTC Rezound, HTC ONE X

*/
/*
NOTE: In case of building a web app, which should use
device orientation, you should customize your media queries
to view after orientation.

To target ONLY devices of certain dimensions, use max-device-width.
*/
/*-------------------------------------
VISIBILITY Classes
---------------------------------------*/
html.touch .hide-for-touch {
	display:none!important;
}

html.touch .show-for-touch {
	display:block!important;
}

@media only screen and (orientation:landscape) {
	.show-for-landscape {
		display:block!important;
	}

	.hide-for-landscape {
		display:none!important;
	}
}

@media only screen and (orientation:portrait) {
	.show-for-portrait {
		display:block!important;
	}

	.hide-for-portrait {
		display:none!important;
	}
}

/* INHERITED STYLING */
@media only screen and (max-width: 1550px) {

}

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



/* ------------------------------- */
/* ------------ < 1024px ----------- */
/* ------------------------------- */
@media only screen and (max-width: 1235px) {
	#page-nav li {
		margin: 0;
	}

}

/* ------------------------------- */
/* ---------- < 1000px ----------- */
/* ------------------------------- */
@media only screen and (max-width: 1025px) {

}

@media only screen and (max-width: 980px) {
	.page-container {
		padding: 25px
	}
	body {
		padding: 25px
	}
	#page-nav {
		margin: 25px 0;
	}
	.featured {
		margin: 0;
	}

	.featured img{
		margin: 0 0 25px 0;
	}
	.page-content-container.page .content {
		padding: 0 15px;
		border: none;
	}
}

}

/* ------------------------------- */
/* ---------- < 980px ------------ */
/* -THE WIDTH OF THE .SECTION-CLASS- */
/* ------------------------------- */
@media only screen and (max-width: 980px) {

}

/* ------------------------------ */
/* ---------- < 800px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 800px) {
	#page-nav li {
		margin: 0;
		padding: 0 7px;
	}
	#page-nav li a {
		font-size: 18px;
	}
	div#page-container {
		padding: 15px;
	}
	body {
		padding: 15px;
	}
	.page-header h1 {
		font-size: 38px;
		line-height: normal;
	}

}


/* ------------------------------ */
/* ---------- > 720px ----------- */
/* ------------------------------ */
@media only screen and (min-width : 720px) {
	/*-------------------------------------
			NAVIGATION BREAK
			---------------------------------------*/
	.page-navigation {
		display:block!important;
	/* INSURES THAT THE MENU is VISIBLE when OVER 720px */
	}
}

/* ------------------------------ */
/* ---------- < 720px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 720px) {

	/*-------------------------------------
			SIMPLE! GRID - a little help
			---------------------------------------*/
	.grid-1-1,.grid-1-2,.grid-1-3,.grid-2-3,.grid-1-4,.grid-3-4,.grid-1-5,.grid-2-5,.grid-3-5,.grid-4-5,.grid-5-6,.grid-1-6 {
		width:100%;
	}

	ul#menu-mainmenu {
		width: 100%;
		background: #edead9;
		float: left;
		height: 0;
		overflow: hidden;
		position: absolute;
		z-index: 99;
		top: 15px;
		padding: 10px;
		box-shadow: 0px 20px 13px rgba(0, 0, 0, 0.04);
		display: none;
	}

	#page-nav li {
		width: 100%;
		/* background: #f9f9f9; */
		padding: 0;
	}

	#page-nav li a {
		padding: 5px 0;
		float: left;
		width: 100%;
		font-size: 20px;
	}
	.text-on-image {
		position: static;
		background: #f4f2e8;
		margin: 0;
		display: block;
		height: auto;
		padding: 25px 20px;
		border: none;
		float: left;
		width: 100%;
	}
	.text-on-image p {
		color: #444342;
		line-height: 28px;
		font-size: 18px;
	}

	#page-nav li.current-menu-item::after {
		display: none;
	}

	#page-nav li.current-menu-item {
		font-weight: bold;
		background: #d8d5c1;
	}

	.menu-toggle {
		visibility: visible;
		display: block;
		opacity: 1;
	}

	.show-menu .menu-toggle {
		background: #74736a;
		color: #edead9;
	}

	.show-menu ul#menu-mainmenu {
		height: auto;
		display: block;
	}

	.menu-mainmenu-container {
		float: left;
		position: relative;
		width: 100%;
	}

	table td, table th {
		font-size: 14px;
		padding: 0;
		float: left;
		width: 100%;
		border: none;
	}
	tr {
		float: left;
		width: 33%;
		margin: 10px 0;
		padding: 10px;
	}
	tr:first-child {
		display: none;
	}
	tr td:first-child {
		font-weight: bold;
	}
	tr:hover td {
		background: none;
	}

}

/* ------------------------------ */
/* ---------- < 600px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 600px) {
	.page-header h1 {
		font-size: 30px;
	}

}

/* ------------------------------ */
/* ---------- < 500px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 500px) {
	tr {
		float: left;
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}
}

/* ------------------------------ */
/* ---------- < 400px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 400px) {

}

/* ------------------------------ */
/* ---------- < 320px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 320px) {

}

/* ---------- LANDSCAPE ---------- */
/* ----------- TABLETS ----------- */
/* --- SPECIFIC iPad LANDSCAPE --- */
@media only screen and (max-width: 1024px) and (orientation:landscape) {

}

/* ---------- PORTRAIT ---------- */
/* ---------- TABLETS ----------- */
/* ---SPECIFIC iPad PORTRAIT----- */
@media only screen and (max-width : 768px) and (orientation:portrait) {

}

/* ----------- LANDSCAPE ---------- */
/* ------------ xxxxxxx ----------- */
/* -------------------------------- */
@media only screen and (orientation:landscape) {

}

/* ------------ PORTRAIT ---------- */
/* ------------ xxxxxxx ----------- */
/* -------------------------------- */
@media only screen and (orientation:portrait) {

}