/* ---------------------------------------
	Responsive design code
-----------------------------------------*/
@media screen and (max-width: 1450px) {
.popisobal.dva h3 {
  font-size: 46px;
  font-weight: 700;
  color: #fff;
  white-space: pre-wrap;
}
}
@media screen and (max-width: 1250px) {
 
 .popis {
  color: #fff;
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  position: absolute;
  top: 200px;
  z-index: 1;
}
 .predst1 {
  max-width: 1200px;
  margin: 20px auto;
 width: 90%;
}
 .popisobal.dva h2 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.predst, .skrine1, .skrine h2, .foot2, .predstx {
  width: 90%;
}
}

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

.skrine {
 
  padding: 50px 0px;
  
}
 .skrine1 {
   
  margin: 50px auto;
   
} 

}

@media screen and (max-width: 950px) {
 
}
@media screen and (max-width: 870px) {
 .popisobal {
  float: left;
  width: 100%;
}
.obrsl {
  float: left;
  width: 100%;
}
.obrsl img {
  float: left;
  max-width: 524px;
}
.baneruvod {
  background: url(/img/poeta.webp) bottom center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  float: left;
}
.popisobal.dva h2 {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
}
 
 .slidesobal {
 
  align-content: center;
}
 .popis {
 
  top: auto;
 display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
}
@media screen and (max-width: 758px) {
 .logoz {
  margin-left: 0px;
  z-index: 1;
  width: 100%;
  position: relative;
  float: left;
  margin-right: 0px;
  color: #fff;
}
.logoz img {
  margin-top: 3px;
  width: 200px;
  height: auto;
}
.hlavazeko p {
padding-left: 10px;
display: block;
font-size: 10px;	}
.menutop {
  background: #0D55A6;
  padding: 0px 18px;
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 93px;
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.skrine h2  {
  
  font-size: 2em;
}
.obalfoot {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
}
}

@media screen and (max-width: 524px) {
 .popisobal.dva h2 {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}
.predst1 h2 {
 
  font-size: 1.5em;
}
.skrine h2  {
  
  font-size:  1.5em;
}
.skrine {
 
  padding: 20px 0px;
  
}
.skrine1 {
   
  margin: 20px auto;
   
}
 .menutop {
    background: #0D55A6;
    padding: 5px 2%;
    float: none;
    position: relative;
    top: inherit;
    right: inherit;
    height: auto;
    display: flex;
	width: 96%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
  }
  .popisobal.dva h3 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  white-space: pre-wrap;
}
.predstx {
  
  grid-template-columns: repeat(auto-fill,minmax(320px,1fr));
 
}
}