.hero{position:relative;display:block;align-items:center}
.hero__inner{text-align:center;padding:2rem 0 2rem 0;width:100%;max-width:800px;margin:auto}
@media (min-width:1023px){
	.hero__inner{padding:4rem 2rem 2rem 2rem}
}
.hero__subtitle{margin:2rem 0;font-size:1.3rem}
.hero .vid-player{margin-bottom:-100px;position:relative;z-index:3}
.hero__triangle{height:100px;width:100%}

@media (min-width: 1100px) {

  .hero__inner--multi-col {
    max-width: initial;
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 2em;
    text-align: left;
  }

  .hero__inner--multi-col .vid-player {
    flex: 1;
  }

}