/* =Responsive Structure
----------------------------------------------- */
/* 320 iPhone, small Phone */
@media (max-width: 800px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: yellow;*/
	}
	
	/* logo */
	#branding #title {
		top: 7%;
		left: 10px;
	}
	
		#branding #title img {
			min-width: 90px;
		}
	
	/* metaNavigation */
	.metaNavigation {
		display: none;
	}
	
	/* subNavigation */
	#subNavigation {
		display: none;
	}
	/* mainCol */	
	#primary {
		width: 100%;
	}
		#categoriesSelect {
			display: block;
			list-style: none outside none;
			margin-left: 0;
			padding: 0 2%;
		}
		#primary #content {
			margin: -17% 0 0 0;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			overflow: hidden;
		}
		
			#primary #content .page-header .page-title ,
			#primary #content .post {
				padding-right: 2%;
				padding-left: 2%;
			}
			
		#content #nav-single,
		#content .nav-previous{
			padding-right: 2%;
			padding-left: 2%;
		}

		#respond {
			padding-left: 0%;
			padding-right: 0%;
			margin-top: 2.5em;
		}
		
			#respond #reply-title,
			#respond #commentform {
				padding-left: 2%;
				padding-right: 2%;
			}
			
			#respond .comment-form-author .required, 
			#respond .comment-form-email .required {
				left: 91%;
			}
			
			#respond input[type="text"] {
				width: 88%;
			}
		
			#respond textarea {
				width: 47%
			}
			
			#respond .form-submit {
				float: left;
			}
			
			#respond #cancel-comment-reply-link {
				margin-top: -70px;
			}

		
		.entry-header .comments-link a {
			top: -0.5em;
			right: 2%;
		}
		
		#comments {
			padding: 1.3em 2% 0 2%;
		}
		
		.nav-next {
			margin-right: 7px;
		}
		
		img.size-full, 
		img.size-large {
			max-width: 95%;
		}

		
	/* rightCol */
	#secondary {
		display: none;
	}
	
	/* footer */
	#supplementary {
		padding: 1em 0% 1.625em 4%;
	}
		#supplementary.three .widget-area {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		#supplementary.three #first img,
		#supplementary.three #second img,
		#supplementary.three #third img {
			display: none;
		}
		
}

/*470 small tablet*/
@media only screen and (min-width: 470px) and (max-width: 529px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: red;*/
	}
	
	/* logo */
	#branding #title {
		left: 10px;
	}
	
		#branding #title img {
			min-width: 135px;
		}
		
	/* mainCol */
	.entry-header .comments-link a {
		top: -0.5em;
		right: 0.2em;
	}
	
	/* footer */
	#supplementary {
		padding: 1em 4% 1.625em 3.5%;
	}
		#supplementary.three .widget-area {
			float: left;
			margin-right: 2%;
			width: 46.5%;
		}
		#supplementary.three #third {
			clear: both;
		}
		
		#respond textarea {
			width: 95%
		}
}
 
/*700 iPad portrait/hoch*/
@media only screen and (min-width: 700px) and (max-width: 949px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: green;*/
	}
	
	/* logo */
	#branding #title {
		left: 18px;
	}
	
	/* metaNavigation */
	.metaNavigation {
		display: none;
	}
	
	/* subNavigation */
	#subNavigation {
		display: none;
	}
	/* mainCol */
	#primary {
		width: 70%;
	}
		
		#categoriesSelect {
			display: none;
		}
		#primary #content {
			margin: -17% 0 0 0;
			width: 87%;
			padding: 5% 5% 2%;
			overflow: default;
		}
		
			#primary #content .page-header .page-title, 
			#primary #content .post {
				padding: 1em 0 0;
			}
			
			#respond {
				padding: 1.3em 0 0;
			}
			
			#respond textarea {
				width: 67%;
			}
			
			#respond #reply-title,
			#respond #commentform {
				padding-left: 0;
				padding-right: 0;
			}
			
			#respond #cancel-comment-reply-link {
				margin-top: -41px;
			}
			
			#respond .comment-form-author .required, #respond .comment-form-email .required {
				left: 90%;
			}
		
		.entry-header {
			padding-top: 1em;
		}
		
		.entry-header .comments-link a {
			top: 0.1em;
			right: 0.2em;
		}
		
		#content nav {
			width: 100%;
		}
		
		#content .nav-previous,
		#content #nav-single {
			padding-right: 0;
			padding-left: 0;
		}
		
		.nav-next {
			margin-right: 0;
		}
		
		img.size-full, 
		img.size-large {
			max-width: 97.5%;
		}
	
	/* rightCol */
	#secondary {
		display: block;
		width: 26%;
	}
	
	/* footer */
	#supplementary {
		padding: 1em 4% 1.625em 3.5%;
	}
		#supplementary.three .widget-area {
			float: left;
			margin-right: 2%;
			width: 23.5%;
		}
		#supplementary.three #third {
			clear: none;
		}
}
 
/*950 iPad landscape/quer*/
@media only screen and (min-width: 950px) and (max-width: 1169px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: grey;*/
	}
	/* metaNavigation */
	.metaNavigation {
		display: block;
	}
		.metafirst {
			top: 22%;
			left: 39%;
		}
		.metasecond {
			top: 14%;
			left: 51%;
		}
		.metathird {
			top: 19%;
			left: 59%;
		}
		
	/* subNavigation */
	#subNavigation {
		display: block;
	}
	/* mainCol */
	#primary {
		width: 55%;
	}
		#categoriesSelect {
			display: none;
		}
		#primary #content {
			margin: -28% 34% 0 3%;
		}
		.entry-header .comments-link a {
			top: -0.3em;
		}
		
		#content nav {
			width: 100%;
		}
		
		#respond textarea {
			width: 68%;
		}
		
	/* rightCol */
	#secondary {
		display: block;
	}
	
	/* footer */
	#supplementary {
		padding: 1em 29.6% 1.625em 18.6%;
	}
		#supplementary.three .widget-area {
			float: left;
			margin-right: 2%;

		}
		#supplementary.three #first img,
		#supplementary.three #second img,
		#supplementary.three #third img {
			display: block;
		}
	
}
 
/*1190 desktop*/
@media only screen and (min-width: 1190px) and (max-width: 1409px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: purple;*/
	}
	/* metaNavigation */
	.metafirst {
		top: 26%;
		left: 40%;
	}
	.metasecond {
		top: 18%;
		left: 53%;
	}
	.metathird {
		top: 23%;
		left: 60%;
	}
	
	/* mainCol */
	.entry-header .comments-link a {
		top: -1em;
	}
}
 
/*1410 Large Desktop */
@media only screen and (min-width: 1410px) {
	.singular .entry-title, .singular .entry-header .entry-meta,.entry-title, .entry-title a {
		/*color: black;*/
	}
	
	/* metaNavigation */
	.metafirst {
		left: 45%;
		top: 26%;
	}
	.metasecond {
		left: 55%;
		top: 19%;
	}
	.metathird {
		left: 66%;
		top: 24%;
	}
}