.wrap, .wrap2{text-align:center;overflow:hidden;width:100%;}
.wrap{background-color:white;color:black;}
.wrap2{background-color:#286090;color:white;}
.active{color:#4E4021;text-decoration:underline;border-bottom:2px solid #4E4021;}
.interact{pointer-events:auto;}
.no-interact{pointer-events:none;}
nav{font-size:14px;}
body{margin-top:67px;font-size:15px;font-family:'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family:"Times New Roman", Times, serif;color:#815312;}
p, a{color:#4E4021;text-decoration:none;}
a:hover{color:#B56A36;text-decoration:none;}
h1{font-size:30px;line-height:70%;}
h2{font-size:20px;}
.banner p, .banner h2{color:white;}
h3{visibility:hidden;color:white;font-size:40px;text-shadow:1px 1px #B56A36;position:relative;top:50%;transform:translateY(-50%);}
h4{font-size:20px;}
section h4{margin-top:30px;margin-bottom:10px;}
h5{font-size:20px;}
#section2 a{line-height:200%;}
#section3 a, #section4 a{line-height:80%;}
section{margin-top:40px;margin-bottom:40px;}
.banner{text-decoration:none;padding:30px;margin-bottom:20px;text-align:center;color:white;background-color:#473112;}
.covers{position:relative;width:100%;height:300px;text-align:center;background-size:cover;background-attachment:fixed;}
.cover1{background-image:url(img/section1s.jpg);}
.cover2{background-image:url(img/section2s.jpg);}
.cover3{background-image:url(img/section3s.jpg);}
.pictures{display:none;}
#posudky{display:none;}
#dokumentace{display:none;}
nav{position:fixed;top:0px;width:100%;z-index:999;}
.mobile-menu{display:inline-block;}
.menu{display:none;}
li{display:inline-block;text-decoration:none;padding:5px;padding-top:10px;margin:5px;text-align:center;}
.m-icons{float:left;padding-left:5px;}
.m-pages{float:right;margin-right:0px;}
.m-menu{float:right;margin-right:15px;}
#m-slide{display:none;top:60px;}
header{position:relative;width:100%;height:100vh;background-image:url(img/headers.jpg);background-size:cover;background-attachment:fixed;}
.logo{width:250px;height:250px;background-color:rgba(255, 255, 255, 0.7);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.logo img{margin-top:40px;}
#name, #email, #message, #submit{width:100%;border-radius:1%;margin-left:auto;margin-right:auto;}
input[type=text]:focus, textarea:focus{box-shadow:0 0 5px #d99537;padding:3px 0px 3px 3px;margin:5px 1px 3px 0px;border:1px solid #d99537;}
.img-overlay{position:relative;margin-left:auto;margin-right:auto;width:230px;height:230px;}
.mob-project-text{text-align:center;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:50px;}
.projects img{position:absolute;height:100%;width:100%;}
footer{clear:both;float:left;padding-top:20px;text-align:center;}
footer h6{margin-top:45px;}
@media only screen and (min-width:481px){h1{font-size:30px;}
h2{margin:15px 15px;font-size:20px;}
h3{font-size:60px;}
.covers h3{font-size:60px;}
h4{font-size:22px;}
section h4{font-size:25px;margin-top:40px;margin-bottom:15px;}
h5{font-size:20px;}
nav{font-size:16px;}
p, a{font-size:16px;}
.logo{height:300px;width:300px;}
.logo img{height:220px;width:180px;margin-top:0px;}
.logo h4{margin-top:-30px;}
.banners{display:none;}
.banner{min-height:278px;margin-bottom:none;}
.covers{height:300px;}
.cover1{background-image:url(img/section1m.jpg);}
.cover2{background-image:url(img/section2m.jpg);}
.cover3{background-image:url(img/section3m.jpg);}
header{background-image:url(img/headerm.jpg);}
.img-overlay{width:450px;height:450px;}
.mob-project-text{margin-top:30px;margin-bottom:80px;}
}
@media only screen and (min-width:992px){body{font-size:16px;}
p{font-size:16px;}
a{font-size:16px;}
h1{font-size:55px;}
h2{font-size:35px;}
h3{font-size:70px;}
h4{font-size:25px;}
section h4{margin-top:70px;}
.covers h3{font-size:80px;}
section{margin-top:80px;margin-bottom:80px;}
.content{margin-top:50px;margin-bottom:50px;}
.covers{height:400px;}
.cover1{background-image:url(img/section1.jpg);}
.cover2{background-image:url(img/section2.jpg);}
.cover3{background-image:url(img/section3.jpg);}
.fill2{width:20%;height:300px;float:left;margin-left:2%;}
.fill10{width:20%;height:300px;float:left;margin-left:10%;}
.fill15{width:20%;height:300px;float:left;margin-left:15%;}
header{background-image:url(img/header.jpg);}
.logo{width:370px;height:370px;}
.logo img{margin-top:50px;width:220px;height:150px;}
.logo h4{margin-top:0px;}
.pictures{margin-top:35px;display:block;position:relative;margin-right:auto;margin-left:auto;}
.pictures img{float:left;margin:10px;}
.mob-project-text{display:none;}
#img-description{text-align:center;opacity:0;padding:10px;padding-top:15px;}
.projects img:hover{opacity:0.2;}
.projects:hover #img-description{opacity:1;}
.img-overlay{float:left;width:18%;height:250px;margin:1%}
.vuz{padding-left:50px;padding-right:50px;}
footer{line-height:0.7;}
}
@media only screen and (min-width:1223px){li{margin:10px;}
.m-icons{margin-left:30px;}
.m-pages{margin-right:50px;}
.menu{display:inline-block;}
.mobile-menu{display:none;}
.spiral{max-width:470px;}
}
.slideUp{animation-name:slideUp;-webkit-animation-name:slideUp;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;}
@keyframes slideUp{0%{transform:translateY(100%);}
100%{transform:translateY(0%);opacity:1;}
}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(100%);}
100%{-webkit-transform:translateY(0%);opacity:1;}
}
.slideDown{animation-name:slideDown;-webkit-animation-name:slideDown;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible !important;}
@keyframes slideDown{0%{transform:translateY(-100%);}
100%{transform:translateY(0%);}
}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);}
100%{-webkit-transform:translateY(0%);}
}
.reveal{animation-name:reveal;-webkit-animation-name:reveal;animation-duration:1.5s;-webkit-animation-duration:1.5s;visibility:visible !important;}
@keyframes reveal{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes reveal{0%{-webkit-opacity:0;}
100%{-webkit-opacity:1;}
}