/* --- Homepage --- */

header {
  --bg-color: transparent;
  width: 100%;
  background-color: var(--bg-color);
}

#crowd_vid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  overflow: scroll;
}

content {
  position: relative;
  padding: 2rem 0;
  width: 100%;

  div {
    width: 98%;
    max-width: fit-content;
    margin: 0 auto;

    p {
      padding: 1rem 0;
      font-weight: 500;
      font-size: clamp(1.8rem,1.52438rem + 0.735vw,2.7rem);
    }
    .identity { color: var(--lime); text-decoration: none; }
    .tools { color: var(--cyan); text-decoration: none; }
    .custom { color: var(--purple); text-decoration: none; }
    .work-with-us { margin-top: 4rem; font-size: 1.6rem; }

    a.btn {
      background-color: var(--dark);
      color: var(--light);
      text-transform: uppercase;
      font-weight: 700;
      text-decoration: none;
      border: 2px solid var(--light);
      padding-top: 1.5rem;
      padding-right: 2rem;
      padding-bottom: 1.5rem;
      padding-left: 2rem;
    }
  }
}

@media (max-width: 768px) {
  #crowd_vid { display: none; }
  #mobile_crowd {
    display: block;
    position: fixed;
    /*width: 100%;*/
    /*height: 100%;*/
    bottom: 5;
    min-width: 100vw !important;
    min-height: 100vh !important;
  }
  content {
    width: 100%;
    div {
      max-width: 120rem;
    }
  }
}