.legal-cont {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
  padding-bottom: 4em;
  margin-top: 12em;
}

.legal-wrap {
  width: 50%;
}

.legal-pageheading {
  font-size: 42px;
  margin: 0 0 0.25em 0;
}

.legal-updated {
  margin-left: 20px;
  font-weight: bold;
}

.legal-section {

}

.legal-heading {
  margin-top: 2em;
  margin-bottom: 0.25em;
}

.legal-subheading {
  margin: 1.25em 0 0.25em 0;
}

.legal-text {
  opacity: 0.7;
  text-wrap: balance;
}

#triangle-legal-cont {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 60%;

  margin-top: -120px;

  z-index: -1;
}

#legal-t1 {top: 5%; left: 15%; animation-name: floatingtrianglemin; animation-duration: 5s;}
#legal-t2 {top: 50%; left: 70%; animation-duration: 5.4s;}
#legal-t3 {top: 20%; left: 60%; animation-name: floatingtrianglemin; animation-duration: 4.2s;}
#legal-t4 {top: 70%; left: 12%; animation-duration: 4.6s;}
#legal-t5 {top: 1%; left: 70%; animation-name: floatingtrianglemin; animation-duration: 5.1s;}
#legal-t6 {top: 0%; left: 45%; animation-duration: 6s;}


@media screen and (max-width: 450px)  {
  .legal-wrap {
    width: 75%;
  }
}