header {
  transition: height 400ms;
}

header p.description {
  transition: left 1s;
}

header .header-illustration {
  transition:
    width 400ms,
    height 400ms;
}

@media (width >= 1340px) {
  .topbar {
    border-bottom: 1px solid #d7d4cd;
    border-color: rgb(178 174 164 / 40%);
  }
}

@media (width >= 1340px) {
  .home header {
    height: 384px;
  }
}

@media (width >= 1340px) {
  .home .logo {
    top: 30px;
    width: 300px;
    height: 103px;
  }
}

@media (width >= 1340px) {
  .home .logo a {
    width: 300px;
    height: 102px;
    background-position: 0 0;
  }
}

@media (width >= 1340px) {
  .home header p.description {
    top: 110px;
    left: 115px;
    width: 300px;
    padding-top: 24px;
    font-size: 28px;
  }
}

@media (width >= 1340px) {
  .home header p.description .handwritten {
    top: -40px;
    float: left;
    display: block;
    width: 63px;
    height: 59px;
    background: url(/static/images/bijna-large.png);
  }
}

@media (width >= 1340px) and (resolution >= 120dpi),
  (width >= 1340px) and (resolution >= 120dpi) {
  .home header p.description .handwritten {
    background: url(/static/images/bijna-large@2x.png);
    background-size: 100% 100%;
  }
}

@media (width >= 1340px) {
  .home header .header-illustration {
    top: 57px;
    right: 320px;
    width: 539px;
    height: 263px;
    background: url(/static/images/illustrations/bg-header-large.png) no-repeat;
  }
}

@media (width >= 1340px) and (resolution >= 120dpi),
  (width >= 1340px) and (resolution >= 120dpi) {
  .home header .header-illustration {
    background: url(/static/images/illustrations/bg-header-large@2x.png)
      no-repeat;
    background-size: 100% 100%;
  }
}

.home .aboutmenu {
  top: 65px;
}

.home .main-content {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  width: 960px;
  margin: 0;
  flex-wrap: wrap;
}

@media (width <= 1023px) {
  .home .main-content {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (width >= 1340px) {
  .home .main-content {
    width: 1280px;
  }
}

.home h1 {
  display: none;
}

.home aside {
  display: none;
}

.home .box {
  margin-right: 20px;
}

@media (width <= 767px) {
  .home .box {
    margin-right: 5px;
  }
}

.home .box.test {
  margin-right: 0;
}

@media (width <= 767px) {
  .home .box.forum {
    margin-right: 0;
  }
}

@media (width <= 767px) {
  .home .navigation {
    display: none;
  }
}

.populaire-onderwerpen + div {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
}