/* CSS Document */

#header {
 
  box-sizing: border-box;
}
#pgsc-uv-dotazy .section {
  
  margin: 0px auto;
 
}
#portmain #pgsc-uv-dotazy {
  margin: 0px min(0px, calc(600px - 50vw));
  
}

.wrapface {
  position: relative;
 /* background-image:
    url("/hotelberanek/user/foto-vertical/pokoj.jpg"),
    url("/hotelberanek/user/foto-vertical/restaurace.jpg");
  background-position:
    left center,
    right center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:
    calc(50vw - 270px) auto,
    calc(50vw - 270px) auto;*/
}
@media only screen and (min-width: 923.9px) {
.wrapface::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/hotelberanek/user/foto-vertical/pokoj.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: calc(min(50vw, 600px) - 270px) auto;
}

.wrapface::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/hotelberanek/user/foto-vertical/restaurace.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: calc(min(50vw, 600px) - 270px) auto;
}
}

@media only screen and (max-width: 923.0px) {
  #portmain .loga img {
 
  max-width: 100%;
 margin:0px;
}
}