/*
fotogalerie
 */

  div.maly h2{
   position: absolute;
   top: 24%;
   width: 100%;
   text-align: center;
   font-size: 45px
   }

  #fotogalerie{
    width: 100%;
    margin-left: 0px;
    text-align: center;

   }

@media only screen and (max-width: 990px) {
  #fotogalerie{
    width: 96%;
    margin-left: 2%;
    text-align: center;
   }
   }


@media only screen and (max-width: 640px) {
  #fotogalerie{
    width: 100%;
    margin-left: 0%;
   }
   }

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

 div.maly h2{
   position: absolute;
   top: 24%;
   font-size: 40px
   }

   }



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

 div.maly h2{
   position: absolute;
   top: 20%;
   font-size: 40px
   }

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

 div.maly h2{
   position: absolute;
   top: 20%;
   font-size: 30px
   }

   }

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

 div.maly h2{
   position: absolute;
   top: 20%;
   font-size: 23px
   }

   }


#fotogalerie .left{

float: left;

}

 #fotogalerie .right{
  float: right;
}
 div.maly{
   width: 20%;
   position: relative;
   overflow: hidden;

   }

 div.velky{
   width: 40%;
   overflow: hidden;

}
 div.velky div.maly{
   width: 50%;

}
 div.velky img{
   width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: -4.5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;


}
 div.maly img{
   width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: -4px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
 div.maly:hover img,  div.velky:hover img{
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
   -webkit-filter: contrast(1.2);
  filter: contrast(1.2);
  -moz-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0px 0px 20px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 20px rgba(0,0,0,0.4);
}


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

   div.velky img{
   width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: -4.4px;




}
 div.velky div.maly.left.text{
   width: 100%;
   height: 50%;
   position: relative;

   }

    div.maly h2{
   position: absolute;
   top: 20%;
   width: 100%;
   font-size: 35px
   }

 div.maly{
   width: 25%;
   position: relative;

   }

 div.velky{
   width: 50%;

}
 div.velky div.maly{
   width: 50%;

}

.schovat{
  display: none;
}


}

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




    div.maly h2{
   position: absolute;
   top: 20%;
   width: 100%;
   font-size: 28px
   }
   }





/* klasicka galerie */


/* foto */
    #fotogalerie{
      padding-top: 30px;


}
    #fotogalerie .fotka{

   max-width: 244px;
   max-height: 244px;
   overflow: hidden;
   z-index: 10;
   position: relative;
   margin-top: -4px;
   margin: 10px;
   display: inline-block
}

@media only screen and (max-width: 640px) {
    #fotogalerie  .fotka{

   max-width: 100px;
   max-height: 100px;
   overflow: hidden;
   z-index: 10;
   position: relative;
   margin-top: -4px;
   margin: 10px;
   display: inline-block
}
   }

   #fotogalerie  .fotka span{
     position: absolute;
     text-indent: -9999px;
}

    #fotogalerie .fotka img{
   width: auto;
    max-width: 100%;
    height: 100%;
    height: auto;

}

  #fotogalerie   .fotka a {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 10;
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
   display: block
}
  #fotogalerie .fotka a:hover {
     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

    background: rgba(255, 255, 255, .4);
}



  #fotogalerie .fotka .foto::before{

     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
font-family: "FontAwesome";
    content: '\f00e';
  color: rgba(0, 0, 0, 0);
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  z-index: 10000000000;

  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  background-color: rgba(255, 255, 255, .0);

}
  #fotogalerie .fotka .foto:hover::before{
      -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  color: rgba(0, 0, 0, 1);
   background-color: rgba(255, 255, 255, 1);

}





/* rozhazena fotogalerie */
.galerie1{
  width: 100%;
  text-align: left;
  clear: both;
 /* margin-bottom: 5%;   */
  height: 600px;
  font-family: 'Montserrat', sans-serif;
}




.galerie1 a{
  opacity: 1;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;


}
.galerie1 a:hover {
  opacity: 0.5;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;


}
/* radek */
.galerie1 a:nth-child(1) {
  width: 46%;
  height: 600px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(1) span{
    font-size: 60px;
    font-weight: 100;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 10%;
    text-transform: uppercase;
}


.galerie1 a:nth-child(1)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(1)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2) {
  width: 17%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(2)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(3) {
  width: 37%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(3)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(4) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(4)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(5) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(4)::before, .galerie1 a:nth-child(5)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(6) {
  width: 17%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(6)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(6)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7) {
  width: 37%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(7)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(8) {
  width: 46%;
  height: 600px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(8)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(8)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(9) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(9)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(9)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(10) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(10)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(11) {
  width: 46%;
  height: 600px;
  float: left;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(11)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(11)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12) {
  width: 17%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(12)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(13) {
  width: 37%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(13)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(14) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(14)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(15) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(14)::before, .galerie1 a:nth-child(15)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(16) {
  width: 17%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(16)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(16)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17) {
  width: 37%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(17)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(18) {
  width: 46%;
  height: 600px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(18)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(18)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(19) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(19)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(19)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(20) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(20)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(21) {
  width: 46%;
  height: 600px;
  float: left;
  overflow: hidden;
  position: relative;

}

.galerie1 a:nth-child(21)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(21)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22) {
  width: 17%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(22)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(23) {
  width: 37%;
  height: 350px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(23)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(24) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(24)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(25) {
  width: 27%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(24)::before, .galerie1 a:nth-child(25)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}


@media all and (max-width: 1300px) {

.galerie1{
  width: 100%;
  text-align: left;
  clear: both;
/*  margin-bottom: 5%; */
  height: 500px;
  font-family: 'Montserrat', sans-serif;
}



/* radek */
.galerie1 a:nth-child(1) {
  width: 46%;
  height: 500px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(1) span{
    font-size: 60px;
    font-weight: 100;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 10%;
    text-transform: uppercase;
}


.galerie1 a:nth-child(1)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(1)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2) {
  width: 17%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(2)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(3) {
  width: 37%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(3)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(4) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(4)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(5) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(4)::before, .galerie1 a:nth-child(5)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(6) {
  width: 17%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(6)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(6)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7) {
  width: 37%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(7)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(8) {
  width: 46%;
  height: 500px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(8)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(8)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(9) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(9)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(9)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(10) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(10)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(11) {
  width: 46%;
  height: 500px;
  float: left;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(11)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(11)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12) {
  width: 17%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(12)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(13) {
  width: 37%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(13)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(14) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(14)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(15) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(14)::before, .galerie1 a:nth-child(15)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(16) {
  width: 17%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(16)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(16)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17) {
  width: 37%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(17)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(18) {
  width: 46%;
  height: 500px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(18)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(18)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(19) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(19)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(19)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(20) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(20)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(21) {
  width: 46%;
  height: 500px;
  float: left;
  overflow: hidden;
  position: relative;

}

.galerie1 a:nth-child(21)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(21)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22) {
  width: 17%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(22)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(23) {
  width: 37%;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(23)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(24) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(24)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(25) {
  width: 27%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(24)::before, .galerie1 a:nth-child(25)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}





}


@media all and (max-width: 1000px) {

.galerie1{
  width: 100%;
  text-align: left;
  clear: both;
/*  margin-bottom: 5%;  */
  height: 400px;
  font-family: 'Montserrat', sans-serif;
}



/* radek */
.galerie1 a:nth-child(1) {
  width: 46%;
  height: 400px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(1) span{
    font-size: 60px;
    font-weight: 100;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 10%;
    text-transform: uppercase;
}


.galerie1 a:nth-child(1)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(1)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2) {
  width: 17%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(2)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(2)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(3) {
  width: 37%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(3)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(4) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(4)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(5) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(4)::before, .galerie1 a:nth-child(5)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(6) {
  width: 17%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(6)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(6)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7) {
  width: 37%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(7)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(8) {
  width: 46%;
  height: 400px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(8)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(8)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(9) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(9)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(9)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(10) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(10)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(11) {
  width: 46%;
  height: 400px;
  float: left;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(11)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(11)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12) {
  width: 17%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(12)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(12)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(13) {
  width: 37%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(13)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(14) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(14)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(15) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(14)::before, .galerie1 a:nth-child(15)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

/* radek */
.galerie1 a:nth-child(16) {
  width: 17%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(16)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(16)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17) {
  width: 37%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(17)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(17)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  top: 0px;
  height: 1px;
  width: 100%;
/*  background-color: rgba(255, 255, 255, 1);    */
}


.galerie1 a:nth-child(18) {
  width: 46%;
  height: 400px;
  float: right;
  overflow: hidden;
  position: relative;

}



.galerie1 a:nth-child(18)::after {
  content:"";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(18)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(19) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(19)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(19)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(20) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(20)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
/* radek */
.galerie1 a:nth-child(21) {
  width: 46%;
  height: 400px;
  float: left;
  overflow: hidden;
  position: relative;

}

.galerie1 a:nth-child(21)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(21)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22) {
  width: 17%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}
.galerie1 a:nth-child(22)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(22)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(23) {
  width: 37%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(23)::after {
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(24) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(24)::after {
  content:"";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(25) {
  width: 27%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}

.galerie1 a:nth-child(24)::before, .galerie1 a:nth-child(25)::before {
  content:"";
  position: absolute;
      z-index: 1;
  left: 0px;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}


}

@media all and (max-width: 580px) {

.galerie1{
  width: 100%;
  text-align: left;
  clear: both;
  margin-bottom: 5%;
  height: 500px;
  font-family: 'Montserrat', sans-serif;
}





.galerie1 a:nth-child(1), .galerie1 a:nth-child(11), .galerie1 a:nth-child(21) {
  width: 100%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;

}

.galerie1 a:nth-child(1)::before, .galerie1 a:nth-child(11)::before, .galerie1 a:nth-child(21)::before{
  content:"";
  position: absolute;
  right: auto;
  left: 0px;
  bottom: 0px;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}

.galerie1 a:nth-child(1)::after,  .galerie1 a:nth-child(11)::after,  .galerie1 a:nth-child(21)::after{
  content:"";
  position: absolute;
  right: auto;
  left: 0px;
  bottom: 0px;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}



.galerie1 a:nth-child(2), .galerie1 a:nth-child(12), .galerie1 a:nth-child(22){
  width: 40%;
  height: 250px;
  float: left;
  overflow: hidden;
  position: relative;

}


.galerie1 a:nth-child(3), .galerie1 a:nth-child(13), .galerie1 a:nth-child(23){
  width: 60%;
  height: 150px;
  float: left;
  overflow: hidden;
  position: relative;
}
.galerie1 a:nth-child(3)::after,  .galerie1 a:nth-child(13)::after, .galerie1 a:nth-child(23)::after{
  content:"";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(4), .galerie1 a:nth-child(14), .galerie1 a:nth-child(24) {
  width: 30%;
  height: 100px;
  float: left;
  overflow: hidden;
  position: relative;
}


.galerie1 a:nth-child(5), .galerie1 a:nth-child(15), .galerie1 a:nth-child(25) {
  width: 30%;
  height: 100px;
  float: left;
  overflow: hidden;
  position: relative;
}
/* radek */

.galerie1 a:nth-child(6), .galerie1 a:nth-child(16) {
  width: 100%;
  height: 200px;
  float: left;
  overflow: hidden;
  position: relative;

}

.galerie1 a:nth-child(6)::before,.galerie1 a:nth-child(16)::before {
  content:"";
  position: absolute;
  right: auto;
  left: 0px;
  bottom: 0px;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(7),.galerie1 a:nth-child(17) {
    width: 60%;
    height: 150px;
    float: left;
    overflow: hidden;
    position: relative;
}
.galerie1 a:nth-child(7)::after, .galerie1 a:nth-child(17)::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(8),.galerie1 a:nth-child(18) {
    width: 40%;
    height: 250px;
    float: right;
    overflow: hidden;
    position: relative;
}
.galerie1 a:nth-child(8)::before, .galerie1 a:nth-child(18)::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
}
.galerie1 a:nth-child(8)::after,.galerie1 a:nth-child(18)::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, 1);
}

.galerie1 a:nth-child(9),.galerie1 a:nth-child(10), .galerie1 a:nth-child(19),.galerie1 a:nth-child(20)  {
    width: 30%;
    height: 100px;
    float: left;
    overflow: hidden;
    position: relative;
}
}