@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i|Playfair+Display:400,400i,700,700i");

.updown_animation { animation: updown_animation infinite 2s ease-in-out; transform: translateX(-50%); position:absolute; bottom: -50px;}
  @keyframes updown_animation {
    50% { transform: translateY(20px) translateX(-50%) }
}


.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%;
  min-height: 100%;

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  -webkit-filter: saturate(1.4) contrast(1.05);
          filter: saturate(1.4) contrast(1.05);
}





/* GRUNDVÆLGER */
.legend {
  display: inline-block;
  list-style: none;
}

.legend > li {
  display: inline-block;
}

.legend > li + li {
  margin-left: 1rem;
}

.dot {
  border-radius: 50%;
  opacity: 0.4;
  background: gray;
  width: 17px;
  height: 17px;
  float: left;
  margin-top: 4px;
  margin-right: 1px;
}

.superawesome {
  background-color: #27ae60;
}

.legend .awesome {
  background-color: #f9c85b;
}

.legend .kindaawesome {
  background-color: #ff2727;
}

.py-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}