#alla-videor {
  text-align: center;
  margin: 192px auto 0;
  width: calc(100% - 192px);
  max-width: 1100px;
}
h1 {
  margin-bottom: 40px;
  padding: 0;
}
.video-samling {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#alla-videor a,
.video-samling h6 {
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  color: var(--black-color);
  font-family: proxima-nova, sans-serif;
  transition: 150ms;
  -moz-transition: 150ms;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
}
#alla-videor a:hover {
  opacity: 70%;
}
#alla-videor a:active {
  opacity: 50%;
}
.youtube-video,
.insta-outer-wrapper {
  flex-basis: calc(50% - 8px);
  margin-bottom: 80px;
  align-self: flex-end;
}
.insta-video {
  width: 100%;
}
.insta-outer-wrapper h6 {
  margin-bottom: 8px;
}
.vimeo-outer-wrapper {
  align-self: flex-start;
  flex-basis: 100%;
  width: 100%;
  margin-bottom: 80px;
}
.vimeo-video {
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: 8px;
}
.youtube-wrapper {
  position: relative;
  aspect-ratio: 16/9;
  margin-top: 8px;
}
.youtube-wrapper iframe {
  width: 100%;
  height: 100%;
}

.extra-wrapper img {
  opacity: 12%;
}

@media (max-width: 900px) {
  #alla-videor {
    margin: 160px auto 0;
    width: calc(100% - 96px);
  }
}

@media (max-width: 768px) {
  .extra-wrapper img {
    opacity: 100%;
  }
}

@media (max-width: 650px) {
  .youtube-video {
    flex-basis: 100%;
    max-width: 384px;
    min-width: 150px;
    margin: 0 auto 32px;
  }
  .insta-outer-wrapper,
  .vimeo-outer-wrapper {
    margin: 0 auto 32px;
    flex-basis: 100%;
    max-width: 100%;
  }
  .insta-video {
    min-width: 100px;
    max-width: 100%;
  }
}

@media (max-width: 376px) {
  #alla-videor {
    margin-top: 149px;
    width: calc(100% - 48px);
  }
  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    margin-bottom: 16px;
  }
  #alla-videor a,
  #alla-videor h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
  }
}
