.jumbotron {
  position: relative;
  overflow: hidden;
  background-color: black;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 800px;
  z-index: 1;
}

@media (min-width: 300px) {
  .sevideo {
    width: 100%;
    vertical-align: middle;
  }
}

@media (min-width: 800px) {
  div.jumbotron.einzeiler {
    color: #fff;
    text-align: center;
    background-size: cover;
    padding-top: 640px;
    background-attachment: local;
    /*height: 800px;*/
  }
}

@media (max-width: 800px) {
  div.jumbotron.einzeiler {
    color: #fff;
    text-align: center;
    background-size: cover;
    padding-top: 350px;
    background-attachment: local;
    height: 480px;
    overflow: hidden;
  }
}

@media (min-width: 360px) {
  .slidertext {
    font-family: 'Roboto';
    font-size: 0.8rem;
    font-weight: 300;
    margin-bottom: 0px;
  }
}

@media (min-width: 800px) {
  .slidertext {
    font-family: 'Roboto';
    font-size: 1.35rem;
    font-weight: 300;
    margin-bottom: 0px;
  }
}

@media (min-width: 360px) {
  .h3, h3 {
    font-size: 0.95rem;
    font-family: Raleway, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
  }
}

@media (min-width: 576px) {
  .h3, h3 {
    font-size: 2rem;
    font-family: Raleway, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .h3, h3 {
    font-size: 2.5rem;
    font-family: Raleway, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
  }
}

.hero-caption {
  z-index: 10;
  position: relative;
  padding: 20px;
  background-color: rgba(20,80,143,0.7);
  color: #fff;
  text-align: left;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  /*border-radius: 0;*/
}