body {
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
}

.okvir {
   display: block;
   width: 100% !important;
   max-height: 94vh !important;
   overflow-x: hidden;
   overflow-y: auto;
   background: transparent !important;
}

.title {
   font-family: Pavanam, sans-serif;
   font-size: 4vh;
   text-shadow: 0.3vw 0.3vw 0.3vw black,
      0.4vw 0.4vw 0.4vw orangered;
   font-weight: bolder;
   text-align: center;
   color: #fff;
   letter-spacing: 0.2vw;
   padding-top: 0.5vh;
   padding-bottom: 0.5vh;
}

.split-1 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-2 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-3 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-4 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-5 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-6 {
   background: #000046;
   /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #000046, #1cb5e0);
   /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #000046, #1cb5e0);
   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.split-end {
   padding-top: 0.2vh;
   padding-bottom: 0.4vh;
}

.parallax {
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
   width: 100%;
   color: #fff;
}

.para-1 {
   background-image: url(../img/triglav.jpg);
   background-size: 100vw 88vh;
}

.para-2 {
   background-image: url(../img/planica.jpg);
   background-size: 100vw 88vh;
}

.para-3 {
   background-image: url(../img/soca.jpg);
   background-size: 100vw 88vh;
}

.para-4 {
   background-image: url(../img/postojnskaJama.jpg);
   background-size: 100vw 88vh;
}

.para-5 {
   background-image: url(../img/bled.jpg);
   background-size: 100vw 88vh;
}

.para-6 {
   position: relative;
   background-image: url(../img/ljubljana.jpg);
   background-size: 100vw 88vh;
}

.napis {
   font-size: 3vh;
}

.footer {
   text-transform: lowercase;
   color: #2a2a2a;
}

.znak {
   position: fixed;
   right: 3vw;
   bottom:7vh;
}

.slovenija {
   width: 10vw;
   
}