#IntroSequence { max-width: 100%; overflow-x: hidden;}

#IntroSequence .hero {
  position: relative; width: 100%; min-height: 100vh; display: flex;
  flex-flow: column; justify-content: center; align-items: center; }
#IntroSequence .hero .bg {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#IntroSequence .hero .bg img {
  display: block; width: 100%; height: 100%; object-fit: cover; }
#IntroSequence .hero .content { position: relative; display: flex;
  flex-flow: column; }
#IntroSequence .hero .headline {
  font-family:'NeuzeitGroteskExtCondW03-Blk', sans-serif;
  font-size: 33vw; line-height: 0.8em; margin: 0 0 0.33em; }
#IntroSequence .hero .headline span { position: relative; display: inline-block; }
#IntroSequence .hero .tag {
  position: relative; display: inline-block; padding: 1em 2em; margin: auto; }
#IntroSequence .hero .tag .line {
  display: block; position: absolute; left: 0; width: 100%; height: 1px;
  background: white; }
#IntroSequence .hero .tag .line.pre { top: 0; transform-origin: right center; }
#IntroSequence .hero .tag .line.post { bottom: 0; transform-origin: left center; }

#IntroSequence section.wire {
  max-width: 1200px; margin: 0 auto; padding: 1em; box-sizing: border-box; }
#IntroSequence section.wire svg {
  width: 100%: height: auto; overflow: visible; }

#IntroSequence section.demands {
  text-align: center; max-width: 1200px; padding: 1em; margin: 6em auto; }
#IntroSequence section.demands .d {
  margin: 0 auto; display: block; max-width: 26em; }
#IntroSequence section.demands .vertical-line {
  height: 4em; transform-origin: center top; margin: 4em auto; }
#IntroSequence section.demands .body {
  margin: 0 auto 2em; }
#IntroSequence section.demands .link {
  color: white; text-transform: uppercase; font-weight: bold; text-decoration: none;}
#IntroSequence section.demands .link:hover {
  color: rgb(252,230,90); text-decoration: underline; }
#IntroSequence section.demands .d:last-of-type { margin-bottom: 0em; }

#IntroSequenceSocial {
  position: relative;
  margin: 0 auto 8em; max-width: 1200px; margin: 0 auto 8em; }
#IntroSequenceSocial .img-cnr {
  width: 100%; position: relative; }
#IntroSequenceSocial img {
  position: absolute; max-height: 60vw; }
#IntroSequenceSocial .text {
  text-align: center; position: relative; margin: 4em auto; }
#IntroSequenceSocial .hashtag {
  font-size: 2em; margin: 0; }
#IntroSequenceSocial .sub { margin: 0 auto; }

@media screen and (min-width: 22em) {
  #IntroSequence .hero .content .headline { font-size: 8.25em; }
}

@media screen and (max-height: 42.5em) {
  #IntroSequence .hero .content .headline { font-size: 7.25em; margin: 0 0 0.2em; }
  #IntroSequence .hero .content .tag { margin: auto auto 1.25em; }
}

@media screen and (min-width: 37.5em) {
  #IntroSequenceSocial .hashtag {
    font-size: 4em; margin: 0; }
}