@font-face {
    font-family: 'arsenalregular';
    src: url('arsenalfont/arsenal-regular-webfont.eot');
    src: url('arsenalfont/arsenal-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('arsenalfont/arsenal-regular-webfont.woff2') format('woff2'),
         url('arsenalfont/arsenal-regular-webfont.woff') format('woff'),
         url('arsenalfont/arsenal-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* {margin: 0; padding: 0; color: white; font-family: arsenalregular, Helvetica, sans-serif; text-decoration: none; list-style: none; }
body {background-image: url(img/sitebg.jpg); background-repeat: repeat-y; background-size: 100%;}
a, a:hover {text-decoration: none; color: #FFF !important; }
.clear {clear: both; }
.left {float: left; }
.right {float: right;}
.all {width: 100%; height: auto; min-height: 100%; background-image: url(img/sitebg.jpg); background-repeat: repeat-y; background-size: 100%; position: absolute; z-index: -2;}
.wrapper {width: 80%; margin: 0 auto; }

header {width: 100%; height: 100px;  }
.logo {font-size: 2em; margin: 36px 0px 0 30px; padding: 5px; background-image: url(img/logobg.png); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.nav {float: right;}
.li {float: left; padding: 36px 0; }
.li a {padding: 36px 20px; }
.black {border-bottom: 10px solid #2e2e2e;} 
.brown {border-bottom: 10px solid #6e4026;}     .brown:hover {background-color: #6e4026;}
.red {border-bottom: 10px solid #6c120c;}       .red:hover {background-color: #6c120c;}
.yellow {border-bottom: 10px solid #a8722b;}    .yellow:hover {background-color: #a8722b;}
.green {border-bottom: 10px solid #6e6e2d;}     .green:hover {background-color: #6e6e2d;}
.blue {border-bottom: 10px solid #a6a6a6;}      .blue:hover {background-color: #a6a6a6;}
#blackbar {width: 80%; height: 10px; background-color: #2e2e2e; position: absolute; z-index: -1; top: 92px; }


<!-- Domu -->
.bannermain {width: 100%; height: 500px; background-image: url(img/banner1.jpg); background-repeat: no-repeat; background-size: 100%; }


<!-- Co nabizim -->
.main-conabizim {width: 100%; min-height: 500px; margin: 0 auto; background-color:#FFF; }
.content-conabizim {float: left; width: 60%;  height: 500px;  background-color:#FFF; overflow-y: scroll;  }
.foto    {float: left; width: 40%; height: 500px; background-image: url(img/conabizim.jpg); background-repeat: no-repeat; background-size: 100%; background-color:#FFF; }
.foto img { height: 90%; margin: 5%; }

.col-sm-12, .col-sm-7  {padding: 0 !important;  }
.col-sm-5 {padding: 15px; min-height: 500px;}


<!-- Prochlinenaomitka, Kontakt -->
.main-rest {width: 100%; height: 500px; background-attachment: fixed; }
.content-rest { width: 100%; height: 500px; background-color:#FFF; overflow: scroll; }
#title {font-size: 4em; color: saddlebrown; padding: 24px 20px; }
#text p, #text h3 { padding: 18px; color: saddlebrown; line-height: 24px; }
#text ul { padding: 20px; }
#text ul li, strong { color: saddlebrown; line-height: 24px; }


<!-- Fotogalerie -->


    <!-- end of changes -->
    
footer {width: 100%; height: 10%;}
footer .left, footer .right {padding: 20px;}

@media(min-width:1400px) {
    .all, .wrapper {  height: 1080px; }
    .main-rest, .content-rest, .main-conabizim, .content-conabizim, .foto, .bannermain { height: 80% !important; }
    header {height: 10%;}
    nav, #menu, .li {height: 100%;}
    .li { padding: 50px 0; }
    .li a { font-size: 25px; padding: 50px 20px; }
    #blackbar {top: 132px;}
}
@media(max-width:890px) {
    .logo { position: absolute; top: 90px; }
    #title {font-size: 3em;}
    
}



@media(max-width:700px) {
    header {min-height: 340px;}
    #menu {height: 200px;}
    .logo { position: relative; top: -15px; }
    #blackbar {display: none; }
    .nav { width: 100%; clear: both;}
    .li {float: none; padding: 5px 0; }
    .li a {font-size: 1.5em; padding: 5px 5%; }
    .bannermain {height: auto;}
    .content-conabizim, .foto, .content-rest {width: 100%; overflow: visible; height: auto;}
    footer .left, footer .right {font-size: 1.5em; padding: 20px;}
}