body{margin:0 auto;padding:0;background:#333333;color:white;font-family: 'Kanit', sans-serif;font-size:18px;font-weight:400;overflow-x:hidden;}
main{margin:0;padding:0;}
header{padding:1em;}
ul {display: flex;justify-content: flex-end;}
ul li{list-style:none;margin-left:10px;}
ul li img{height:40px;}
ul li a img {filter: grayscale(100%);}
ul li:first-of-type a img {filter: grayscale(0);}
p.big{font-size:200px;position: absolute;opacity:0.05;white-space: nowrap;font-weight:900;left: 0;right: 0;text-align: center;margin-top:-150px;}
.page-wrapper {max-width:1350px;margin:0 auto;}
.grid{display:grid;grid-template-columns:50% 50%;align-items: center;}
section{padding:1em;}
h1, h2{font-size:64px;font-weight:bold;margin:0;line-height:1.1;margin-bottom:30px;}
h2{position: relative;}
h2:after{display: block;content: '';border-bottom:2px solid black;width:5%;margin:0 auto;}
h1:after{display: block;content: '';border-bottom:2px solid white;width:30%;}
p{margin:0;}
.uvod {padding-top:180px;position:relative;overflow: hidden;}
img{width:85%;filter: grayscale(0);transition: all 0.9s ease;position:relative;z-index:10!important;}
img:hover{filter: grayscale(0);}
.img-bg{background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.3) 75%, rgba(51,51,51,0) 75%);padding-bottom:0;position:relative;z-index:10!important;}
.img-bg img {margin-bottom: -2em;}
p.small{margin-bottom:0.5em;opacity:0.4;position:relative;text-transform: uppercase;}
p.small:after{content:'';width:20%;height:2px;background-color:white;position:absolute;margin-left:1em;margin-top:2%;}
.fond-ochrany{background-color: #6D6D64;clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);z-index:-1!important;margin-top:-60px;padding-top:200px;padding-bottom:200px;overflow: hidden;}
footer{background-color:white;color: black;text-align: center;padding-top:200px;margin-top:-100px;padding-bottom:50px;;overflow: hidden;}
footer section {border-top:2px solid black;margin-top:1em;}
footer section p {font-size:14px;}
footer p.big{    margin-top: -0.8em;}
footer h2{margin-bottom:1.5em;}
.mobile-on{display: none;}
@keyframes showing {
    0%    { opacity: 0;transform: translateY(150px); }
    100%  { opacity: 1;transform: translateY(0); }
  }
.reveal-load{ position: relative;
    -webkit-animation: showing 1s ease; /* Safari 4+ */
  -moz-animation:    showing 1s ease; /* Fx 5+ */
  -o-animation:      showing 1s ease; /* Opera 12+ */
  animation:         showing 1s ease; /* IE 10+, Fx 29+ */}


.reveal{
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
  }
  
  .reveal.active{
    transform: translateY(0);
    opacity: 1;
  }

@media screen and (max-width: 1400px) {
   .page-wrapper{max-width:1100px;}
}
@media screen and (max-width: 1250px) {
    h1,h2{font-size:52px;}
    .page-wrapper{padding-left: 1em;padding-right: 1em;}
 }
@media screen and (max-width: 992px) {
    .grid{grid-template-columns:100%;}
    body{text-align:center;}
    .mobile-on {display:block;}
    .mobile-off{display:none;}
    .img-bg{background: none;}
    p.big{display:none;}
    p.small:after{display:none;}
    h1:after{margin:0 auto;}
    .page-wrapper{max-width: 750px;}
    footer{margin-top: -160px;}
    .img-bg img{margin-bottom: -2em;}
    .img-bg {margin-bottom:1em;padding:0.5em;}
    .fond-ochrany{clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);margin-top:0;}
    .uvod{padding-top:100px;padding-bottom:100px;}
}

@media screen and (max-width: 700px){
    p{font-size:16px;}
    h1,h2{font-size:32px;}
    header img{height:35px;}
    ul li img{height:25px;}
    .fond-ochrany{clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 98%);margin-top:0;}
}