@media screen and (max-width:1600px) { 
	#info h2	,
	#to-jsme-my,
	#kredo,
	#kontakt		{ font-size:24px; line-height:34px; }
	#logo-container 		{ margin-top:100px;height:calc(6vh + 23px); }
	#info		{ margin-top:calc(6vh + 32px) }
	#novinky		{ margin-top:calc(6vh + 40px) }
	#info p		{ font-size:18px; line-height:34px; }
	.info-sipka	{ right:0; }
	.odkaz		{ font-size:18px; line-height:34px; }
	#section3 a,
	#section3 a.formular		{ font-size:18px; line-height:34px; }
	#kredo		{ width:85%; }
	#jmena		{ font-size:18px; line-height:18px; margin-top:calc(4vh + 192px); }
    
  	#firmy		{ font-size:24px; line-height:34px; }
	
}

@media screen and (max-width:1400px) { 
	.odkaz-bottom a	 { width:100%;  }
	#submenu		{ float:left; width:40%; }
	#jmena		{ margin-left:calc(26%); }
	#text		{ width:45%;}
	.menu		{ font-size:18px; line-height:26px; }
	.info-sipka	{ right:-60px; }
}


@media screen and (max-width:1100px) { 
	.odkaz-bottom	{ font-size:16px; line-height:30px; }
}


@media screen and (max-width:1023px) { 
	#menu-mobile		{ display:block; }
	#menu			{ display:none; margin:40px 0 0 8.5% }
	.menu			{ font-size:16px; line-height:24px; border-bottom:solid 1px transparent }
	.menu.active		{ text-decoration:none;border-bottom:solid 1px #55422d }

	
	#logo-container 		{ position:relative; height:auto; margin-top:0; width:100%; }
	#logo 				{ position:relative; width:calc(90% - 120px); max-width:400px; margin:auto; margin-top:0 } 
	
	nav { position:relative; width:100%; }
	#line-vertical2		{ display:none }
	.section,
	#section0,
	#section1,
	#section2,
	#section3,
	#section4			{ float:left; width:100%; margin-left:0; min-height:auto; }
	#section3			{ padding:12vh 7.5% 12vh 7.5%;  }
	
	#section0			{ margin-top:80px }
	#info,
	#novinky				{ margin-top:0 }


	.info-sipka	{ right:0; }
	
	#sipky				{ display:none }
  
  	#firmy-container		{ width:200px; }
  	#firmy a				{ clear:both; float:left; width:200px; margin:30px 0 0 0}
	#firmy img			{ width:100%; height:auto }
	#firmy img.vetsi		{ width:60%; height:auto }
}

@media screen and (max-width:900px) { 
	.info-sipka	{ right:-60px; }
}



/* Mobilní šířka */
@media screen and (max-width:767px) { 
	.odkaz-left		{ width:100%; margin-right:0;}
	.odkaz-right		{ width:100%;  }
	.odkaz-bottom	{ position:relative; float:left; width:100%; margin-top:4vh; margin-left:0; font-size:20px; line-height:35px; }
	.kontakt-left 	{ width:100%; }
	.kontakt-right 	{ float:left; margin-top:10px; width:100%; }
	
	#logo 			{ max-width:300px; margin:auto;} 
	
	#info			{ width:100%;}
	#info-container 	{ width:85%; margin-left:7.5%;}
	
	#novinky			{ float:left; width:100%; margin-top:80px }
	#novinky-text	{ float:left; width:85%; margin-left:7.5%; }
	#novinky img		{ float:right; width:100%; margin-right:0; }

	#submenu			{ width:100%; }
	#to-jsme-my		{ margin-left:7.5%;}
	#jmena			{ margin-left:7.5%; margin-top:40px;  }
	.jmeno			{ margin-bottom:15px; }
	#text			{ width:85%; padding:0 7.5% }
	.foto			{ margin:20px auto 20px auto;  }
	#kredo			{ margin-bottom:20px;  }
	
	.info-sipka	{ right:0; }
	

}

@media screen and (max-width:479px) {
	main        		{ padding:0; }
	#logo 			{ margin-top:40px; } 
	#novinky img		{ margin-right:0; }
	.line			{ display:none  }
	#section3,
	#section3 a,
	#section3 a.formular	{ font-size:14px; line-height:22px }
	.odkaz-bottom		{ font-size:16px; line-height:30px; }
}