/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */

.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(..//images/kolaj-xs.jpg);
}

@media only screen and (min-width: 1024px) {
  .carousel-item {
    height: 600px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-s.jpg);
  }
}

@media only screen and (min-width: 1280px) {
  .carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-m.jpg);
  }
}

@media only screen and (min-width: 1366px) {
  .carousel-item {
    height: 768px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-l.jpg);
  }
}

@media only screen and (min-width: 1440px) {
  .carousel-item {
    height: 810px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-xl.jpg);
  }
}

@media only screen and (min-width: 1600px) {
  .carousel-item {
    height: 900px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-xxl.jpg);
  }
}

@media only screen and (min-width: 1920px) {
  .carousel-item {
    height: 1080px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(..//images/kolaj-xxxl.jpg);
  }
}