.achtergrond {
  background-color: #1F1F1F;
  background-image: linear-gradient(#1F1F1F, #303030);
}
.container {
  position: relative;
  min-height: 100vh;
}

.maximaal {
  max-height: 630px;
}

.navbar-nav {
    list-style: none;
  }

.maximaalindex {
  max-width: 50%;
  height: 50%; 
}

.bg-item {
  background-color: #333333 !important;
}

.bg-item-gebruiker {
    background-color: #272727 !important;
  }

.bg-dark {
  background-color: #333333 !important;
}

.play {
  height: 13vw;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

.card-img-top {
    width: 100%;
    height: 13vw;
    object-fit: cover;
} 

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

hr.rea {
    border-top: 1px solid white;
}

.aspectratio {
    width: 100%
}

.video {
    width: 100%;
    max-height: 720px;
}

.foto {
    width: 100%;
    max-height: 100%;
}