@media only screen and (min-device-width : 320px) and (max-device-width : 1024px){ 
	html {-webkit-text-size-adjust: none; }
}


/* Bigger than 1200 (devices and browsers) */
@media only screen and (min-width: 1201px) {
	#fotografie #grid[data-columns]::before { content: '4 .column.size-1of4'; }
}


/* Smaller than 1201 (devices and browsers) */
@media only screen and (max-width: 1200px) {
	#fotografie #grid[data-columns]::before { content: '3 .column.size-1of3'; }
	.box .head h2 { font-size:1.6em; }
}


/* Smaller than 980 (devices and browsers) */
@media only screen and (max-width: 979px) {
	.m-content1 .m-content { padding:2%; width:94%; }
	
	.box .head h2 { font-size:1.4em; }
	
	#navi_top { bottom:1.4em; right:2em;}
	#navi1 li { padding:0 0.4em; }
	#navi1 li a { padding: 0.5em 0.7em;}
}


/* Bigger than 799 (devices and browsers) */
@media only screen and (min-width: 800px) and (max-width: 1200px) {
	#grid[data-columns]::before { content: '3 .column.size-1of3'; }
	#fotografie #grid[data-columns]::before { content: '3 .column.size-1of3'; }
}


/* Smaller than 800 (devices and browsers) */
@media only screen and (max-width: 799px) {
	.m-content1 .m-content { padding:2.5%; width:92%; }
	#grid[data-columns]::before { content: '2 .column.size-1of2'; }
	#fotografie #grid[data-columns]::before { content: '2 .column.size-1of2'; }
	
	.box .head h2 { font-size:1.6em; }
	
	#header { position:relative; border-bottom:4px solid #d73d3d; width:100%; height:8.625em; }
	#header .logo { position:absolute; bottom:1.7em; left:2.3em; max-width:50%;}
	#header .logo img { display:block; max-width:100%; }
	#navi_top { bottom:1.6em; right:1.2em;}
	#navi1 li { padding:0.2em 0.3em; font-size:0.9em; }
	#navi1 li a { padding: 0.3em 0.5em;}
}


/* Smaller than 731 (devices and browsers) */
@media only screen and (max-width: 730px) {
	#header { height:inherit; text-align:center; padding:2% 2% 0 2%; width:96%; }
	#header .logo { display:block; position:inherit; bottom:inherit; left:inherit; max-width:26.875em; margin:0 auto;}
	#header .logo img { display:block; }
	#navi_top { position:inherit; bottom:inherit; right:inherit; margin:0 auto; padding:2em 0 1em 0; max-width:26.875em;}
	#navi1 li { padding:0 0.3em; }
	#navi1 li a { padding: 0.4em 0.5em;}
	.box .head h2 { font-size:1.2em; }
	.box .head span.subtitle {font-size:0.8em;}
}


/* Bigger than 639 (devices and browsers) */
@media only screen and (min-width: 640px) and (max-width: 799px) {
	#grid[data-columns]::before { content: '2 .column.size-1of2'; }
	#fotografie #grid[data-columns]::before { content: '2 .column.size-1of2'; }
}



/* Smaller than standard 640 (devices and browsers) */
@media only screen and (max-width: 639px) {
	#grid[data-columns]::before { content: '1 .column.size-1of1'; }
	#fotografie #grid[data-columns]::before { content: '1 .column.size-1of1'; }
}