/* ----- RESPONSIVNI DESIGN ------------------------------------------------ */ 


@media screen and (max-width: 1150px) {
	#titul {width:100%;}
	#strana, #pata {width:97%;}
	#webdesign {display:none;}
	.apartman {width:31%; font-size:0.9em; margin:1em 0.5em;}
	#menu {font-size:0.9em;}
	#menu a {padding:0 0.5em;}
	
	.col4 {width:50%;}
	#objednavka .pridej {margin-top:20px;}
	#objednavka .spacer {display:none;}
}

@media screen and (max-width: 900px) {
	#menu {padding-top:15px;}
}

@media screen and (max-width: 800px) {
	.col1a, .col1b {float:none; width:100%; margin-bottom:1em;}
}

@media screen and (max-width: 640px) {
	#menu {padding-top:10px;}
	#menu a {line-height:20px;}
	#pata {font-size:0.8em;}
	.col3, .col3c {float:none; width:100%; margin-bottom:1em;}
	a.tlacitko {display:block; margin:0.5em;}
	h1 {font-size:2em;}
	h2 {font-size:1.6em;}
	.col4 {float:none; width:100%; margin-bottom:1em;}
}