/*
 * VFX Menu
*/
#content.vfx-list {
  box-sizing: border-box;
  min-height: calc(100vh - 20px);

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  /* align-content: center; */
  margin-top: 30px;
}

#content.vfx-list .menu-page-title {
  margin-top: 100px;
  padding: 0 320px;
  letter-spacing: -4px;
}

#vfx-list {
  /* padding-left: 229px; */
  letter-spacing: -4px;
}

.page-heading {
  font-size: 48px;
  font-weight: 900;
  color: #f316b0;
  font-family: "BigShoulders", sans-serif;
  letter-spacing: -3px;
  margin-bottom: 20px;
}

.page-heading {
  display: none;
}

@media screen and (max-width: 768px) {
  #content.vfx-list {
    padding: 29px;
    margin-top: 0px;
  }

  #content.vfx-list .menu-page-title,
  #vfx-list {
    padding: 0 30px;
  }

  .about-slideshow .slide.fullscreen {
    background-position: 40% center; /* move 10% to the right */
  }

  .page-heading {
    display: block;
  }
}

@media screen and (min-width: 764px) {
  #vfx-list {
    padding-left: 9vw;
  }
}

@media screen and (min-width: 900px) {
  #vfx-list {
    padding-left: 11vw;
  }
}

@media screen and (min-width: 1000px) {
  #vfx-list {
    padding-left: 13vw;
  }
}

@media screen and (min-width: 1100px) {
  #vfx-list {
    padding-left: 15vw;
  }
}

@media screen and (min-width: 1200px) {
  #vfx-list {
    padding-left: 17vw;
  }
}