.slider-obal { overflow-x: hidden; position: relative; //height:90vh; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: all-scroll; // margin-top:70px; }  .slider { z-index: 1; position: relative; height: 100%; }  .slider.animace { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform; }  .slider.animace .slide-pozadi { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; will-change: transform; }  .slide { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; }  .slide-pozadi { position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background-size: cover; will-change: transform; }  .slide:nth-child(1) {left: 0; } .slide:nth-child(1) .slide-pozadi { left: 0; background-image: url("foto_slider/1.jpg"); background-position: center center; }  .slide:nth-child(2) {left: 100%; } .slide:nth-child(2) .slide-pozadi { left: -50%; background-image: url("foto_slider/2.jpg"); background-position: center center; }  .slide:nth-child(3) {left: 200%;} .slide:nth-child(3) .slide-pozadi { left: -100%; background-image: url("foto_slider/3.jpg"); background-position: center center; }  .slide:nth-child(4) {left: 300%;} .slide:nth-child(4) .slide-pozadi { left: -150%; background-image: url("foto_slider/4.jpg"); background-position: center center; }  .slide:nth-child(5) {left: 400%;} .slide:nth-child(5) .slide-pozadi { left: -200%; background-image: url("foto_slider/5.jpg"); background-position: center center; }  .slide-obsah { position: absolute; margin: 0 auto; text-align:center; width:70%; padding:3%; margin-top:30vh;  max-width: 600px; height: auto; background-color:rgba(53, 102, 143, 0.8); border-top-right-radius: 25px; border-bottom-right-radius: 25px;  }  .slide-obsah h1 { text-align:left; font-size:380%; color:white; padding:5px; font-weight:900; font-family: 'Mostera', sans-serif; }    .slide-obsah h2 { text-align:left; font-size:180%; color:white; padding:5px; font-weight:900; font-family: 'Mostera', sans-serif;  }  @media screen and (max-width:1100px) { .slide-obsah h1 { font-size: 280%; } } @media screen and (max-width:700px) { .slide-obsah h1 { font-size: 230%; } .slide-obsah h2 { font-size: 170%; } } @media screen and (max-width:500px) { .slide-obsah h1 { font-size: 170%; } .slide-obsah h2 { font-size: 130%; } } @media screen and (max-width:400px) { .slide-obsah h1 { font-size: 150%; } .slide-obsah h2 { font-size: 120%; } }   .slider-strankovani { //position: absolute; z-index: 3; margin: 0 auto; bottom: 3rem; text-align:center; font-size: 0; list-style-type: none; left: 0; margin: auto; position:relative; width:200px; right: 0; }  .slider-strankovani_element { position: relative; display: inline-block; vertical-align: top; width: 1.5rem; height: 1.5rem; margin: 0 0.5rem; border-radius: 50%; border: 2px solid #fff; cursor: pointer; box-sizing: border-box; padding: 0;  left:-20px; }  .slider-strankovani_element:before { content: ""; position: absolute; left: 50%; top: 50%; width: .7rem; height: .7rem; background: white; border-radius: 50%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); box-sizing: border-box; margin: 0; padding: 0; }  .slider-strankovani_element.active:before, .slider-strankovani_element:hover:before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); box-sizing: border-box; margin: 0; padding: 0; }