.index_grid_holder { margin:0 auto; width:100%; display:block; margin-top:130px; max-width:1800px;} .index_grid1 {width:65%; height:700px; float:left;    object-fit: cover; border-radius:5px; } .index_grid2 {width:33%;  height:215px; float:left;  margin-bottom:28px;  margin-left:2%; object-fit: cover; overflow:hidden; border-radius:5px;  background-image: url("foto_slider/g2.jpg"); background-size:cover !important; background-repeat: no-repeat;  align-items: center;display: flex; justify-content: center; } .index_grid3 {width:33%;  height:215px; float:left;  margin-bottom:28px;  margin-left:2%; object-fit: cover; overflow:hidden;  border-radius:5px; background-image: url("foto_slider/g3.jpg"); background-size:cover !important; background-repeat: no-repeat;  align-items: center;display: flex; justify-content: center; } .index_grid4 {width:33%;  height:215px; float:left;  margin-bottom:28px;  margin-left:2%; object-fit: cover; overflow:hidden;  border-radius:5px;  background-image: url("foto_slider/g4.jpg"); background-size:cover !important;  background-repeat: no-repeat;  align-items: center;display: flex; justify-content: center; }  .index_grid2 h2, .index_grid3 h2, .index_grid4 h2 {color:white; font-size:200%; text-align:center;   font-weight:500; line-height:1.1; margin:0; padding:10px;}    @media screen and (max-width:1700px) {  .index_grid1 {height:630px;} .index_grid2 {height:197px;  margin-bottom:20px; } .index_grid3 {height:197px;  margin-bottom:20px; } .index_grid4 { height:197px;  margin-bottom:20px; } .index_grid2 h2, .index_grid3 h2, .index_grid4 h2 { font-size:200%;} }   @media screen and (max-width:1000px) { .index_grid1 {width:100%; height:600px;} .index_grid2 {width:49%; margin-left:0; margin-top:30px; height:250px;  } .index_grid3 {width:49%;margin-top:30px; height:250px; } .index_grid4 {width:49%;margin: 0 auto; margin-top:30px; float: none;height:250px; }   }  @media screen and (max-width:600px) { .index_grid2 {width:100%; margin-left:0; margin-top:30px; } .index_grid3 {width:100%;margin-top:0px; margin-left:0; } .index_grid4 {width:100%;margin-top:30px; margin-left:0; }  .index_grid2, .index_grid3  {object-fit: contain; object-position:  center; width:100%; } .index_grid2 img, .index_grid3 img  {object-fit: contain; object-position:  center; width:100%; } }     .slider { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius:5px; }  .slide { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; animation: fade 16s infinite; }  .slide:nth-child(2) { background-image: url('foto_slider/1.jpg'); animation-delay: 0s; }  .slide:nth-child(3) { background-image: url('foto_slider/2.jpg'); animation-delay: 4s; }  .slide:nth-child(4) { background-image: url('foto_slider/3.jpg'); animation-delay: 8s; }  .slide:nth-child(5) { background-image: url('foto_slider/4.jpg'); animation-delay: 12s; }  @keyframes fade { 0%   { opacity: 0; } 5%   { opacity: 1; } 25%  { opacity: 1; } 30%  { opacity: 0; } 100% { opacity: 0; } }    .slide-obsah { position: absolute; margin: 0 auto; text-align:center; width:70%; padding:2%; margin-top:200px; max-width: 650px; height: auto; background-color:rgba(0, 0, 0, 0.7); border-radius: 0 5px 5px 0; z-index: 10; }  @media screen and (max-width:800px) { .slide-obsah { width:85%;   margin-top:100px;} }  .slide-obsah h1 { text-align:left; font-size:270%; color:#00adef; color:white; padding:5px; font-weight:600; font-family: 'Montserrat', sans-serif; margin-top:20px; line-height:1.3; margin-bottom:15px; }  .slide-obsah h2 { text-align:left; font-size:170%; color:#00adef; color:white; padding:5px; font-weight:500; font-family: 'Montserrat', sans-serif; margin-top:20px; line-height:1.3; margin-top:0; }   .slide-nadpis {padding-left:2%;padding-right:2%;}    .tlacitko_slider { width:170px; background:#fe5200; color:white; font-size:120%; text-align:center; padding:10px; display: inline-block; margin:0 auto; margin-top:10px; margin-bottom:20px; margin-right:10px; margin-left:10px; transition: all 0.7s ease; border-radius:5px; border:0px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; float:left;}  .tlacitko_slider:hover {  transform:  scale(1.1); }    @media screen and (max-width: 1700px) {  .slide-obsah h1 { font-size:300%; line-height:1;} .slide-obsah h2 { font-size:200%;} }   @media screen and (max-width:1350px) {  .slide-obsah h1 {font-size:250%;} .slide-obsah h2 { font-size:180%; }  @media screen and (max-width:700px) {  .slide-obsah h1 { font-size:220%;} .slide-obsah h2 { font-size:160%; font-weight:400;}; }   @media screen and (max-width:450px) {  .slide-obsah h1 { font-size:200%;} .slide-obsah h2 { font-size:150%; font-weight:400;}; }