@-ms-viewport{
	width:device-width;
} 

/* ------ společné nastavení --------- */

#podbody .row-pageheader {
 
    background-image: url(images/header_leto.png), url(images/header_08.png);
    background-position: center top, left top;
    background-repeat: no-repeat, repeat-x;
	
   
}
#podbody.pgkt-uv .row-pageheader {
	background-image: none;
	 /*background-color: rgba(0, 0, 0, 0.21);*/
	 background-image: linear-gradient(180deg,rgba(3, 3, 3, 0.56) 0,rgba(0, 0, 0, 0) 100%);
	
 }

.grid-obal-pagefooter {
	background-color:#7f3c24; 
	
}

#mobnav #rsmenu {
    background: #7f3c24;
   
}

#port-middle {
  
    background: rgba(227, 195, 188, 0.3);
  
}

.headerfoto {
  
    background-image: url(slider/header_leto.webp);
   
}

/* -------------------- max.rozlišení pod 1300 px ---------------- */

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


}


/* -------------------- max.rozlišení pod 1023 px ---------------- */

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

	
	


	
	#header #logo img {
		height: 50px;
		position: absolute;
		left: 15px;
		top: 0px;
		width: auto;
		 opacity: 0;
	}
	
	#header #logo a {
   
    height: 50px;
   width: 160px;
left: 8px;
top: 7px;
    background-size: contain;
	background-image: url(images/logo_small_03.png);
}

	









 }

/* -------------------- max.rozlišení pod 720 px ---------------- */

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

	


}

/* -------------------- max.rozlišení pod 615 px ---------------- */

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



}