.container-banner .banner-overlay {height: 100vh;}

body.wrapper-fluid .site-grid {grid-gap: 0;}

.FotoUvodBox {width: 100%; margin: 0; padding: 0; display: flex; /*justify-content: center;*/ align-items: center; background-color: transparent; border: none; text-align: center;}
.TextUvodBox {width: 100%; margin: 0; padding: 0; display: flex; /*justify-content: center;*/ align-items: center; background-color: transparent; border: none; text-align: center; color: rgba(0,0,0,0.7);}
.FotoUvod {padding: 0; border: 1px solid rgba(255,255,255,0.7); border-radius: 8px; width: 99%; margin: 1% auto 0 auto;}

.cistic {clear: both; height: 0; margin: 0; padding: 0;}
.container-top-a {background-color: #0f0019;}
.container-top-b {background-color: #0f0019;}
.container-banner {margin: 0;  padding: 0;}
.H3Paticka {font-size: 2.4rem; font-weight: 300; color: rgba(255,255,255,0.8); text-align: center; width: 100%;}
.container-footer {background-color: #160a00; background-image: none; margin-top: -15px; border-top: none;}
.container-banner .banner-overlay .overlay {background-color: rgba(0,0,0,0.2);}
@media screen and (max-width: 600px) {
.FotoUvodLeva {width: 100%;}
.FotoUvodPrava {width: 100%;}
.H2Uvod {position: absolute; font-size: 2.4rem; font-weight: 300; text-align: center; width: 100%; color: rgba(255,255,255,0.7);}
.UvodText {position: absolute; bottom: 70px!important; left: 20px!important; z-index: 10; color: rgba(255,255,255,0.7);}
.HorniTextH1 {font-size: 0.9rem!important; margin-bottom: -8px!important;}
.H1Uvod {font-weight: 400; font-size: 2.1rem!important; color: rgba(255,255,255,0.7);}
.TxtInfoUvod {margin-right: 1px; font-size: 1rem!important; line-height: 1.5rem;}
.TextHlClanek {text-align: justify; font-size: 1.4rem; margin: 0 2% 40px 2%; font-weight: 100;}
.LogoIllu {position: absolute; top: 20px; left: 20px; z-index: 10;}
}
@media screen and (min-width: 700px) {
.FotoUvodLeva {width: 50%; float: left;}
.FotoUvodPrava {width: 50%; float: right;}
.H2Uvod {position: absolute; font-size: 2.4rem; font-weight: 300; text-align: center; width: 100%; color: rgba(255,255,255,0.7);}
.UvodText {position: absolute; bottom: 30px; left: 35px!important; z-index: 10; color: rgba(255,255,255,0.7);}
.HorniTextH1 {font-size: 1.2rem!important; margin-bottom: -12px;}
.H1Uvod {font-weight: 400; font-size: 3.4rem!important; color: rgba(255,255,255,0.7);}
.TextInfoUvod {width: 100%; font-size: 1.3rem!important; line-height: 1.5rem;}
.TextHlClanek {text-align: justify; font-size: 1.8rem; margin: 0 12% 40px 12%; font-weight: 100;}
.LogoIllu {position: absolute; top: 70px; left: 50px; z-index: 10;}
}




/* FOTOGALERIE ÚVOD */
.RowIllu {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;

}
.ColumnIllu {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;

}

.ColumnIllu img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .ColumnIllu {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .ColumnIllu {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
.effectck-layla {background: transparent!important;}
.item-title {text-align: center; font-size: 3.8rem; font-weight: 300; color: #0f0019; margin: 3% 0 3% 0;}
.UvodReference {text-align: center; font-size: 3.8rem; font-weight: 300; color: #0f0019; margin: 3% 0 3% 0;}
.h3 {text-align: center; font-size: 1.9rem; font-weight: 300; color: #0f0019;}
.LinkaUvod {width: 70%; margin: 0 auto 0 auto;}