@media(max-width: 768px) {	
	.home-hero {
		padding: 0em 1em;
	}
}
@media(min-width: 769px)  {
 .home-hero {
		padding: 0em 3em;
	}
}
.home-hero {
  position: relative;
  z-index: 1;
  /*padding: 0em 3em; */
  display: grid;
  min-height:970px;
}
.home-hero__background {
  z-index: -1;
}
.home-hero__body {
  margin: 3em 0 0;
}
.home-hero__body wpm-button {
  margin-top: 1em;
}
.home-hero__moto {
  max-width: 15em;
  font: 2rem "IBMPlexSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  display: grid;
  grid-gap: 0.25rem;
}
@media (min-width: 769px) {
  .home-hero__moto {
    font: 3rem "IBMPlexSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
}
.home-hero__moto span:first-child {
  color: var(--brand-primary-light);
  font-size: 0.75em;
}
.home-hero wpm-button {
  padding: 1.25em 1.75em;
}
.home-hero__arrow {
  justify-self: center;
  animation: VEfRpez9qf 5s 0 forwards linear;
  animation-iteration-count: infinite;
}
@keyframes VEfRpez9qf {
  0% {
    transform: none;
  }
  5% {
    transform: translateY(1em);
  }
  10% {
    transform: none;
  }
  15% {
    transform: translateY(1em);
  }
  20% {
    transform: none;
  }
}
.home-news {
  grid-template-rows: auto 1fr;
}
.home-promo {
  align-items: center;
}
.home-promo__body {
  padding: 4em 0;
}
.home-promo__tagline {
  opacity: 0.5;
}

.home-tiles {
  display: grid;
  grid-gap: var(--gutter);
  padding: var(--gutter);
}
@media (min-width: 641px) and (max-width: 1023px) {
  .home-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .home-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
.home-promo {
  align-items: center;
}
.home-promo__body {
  padding: 4em 0;
}
.home-promo__tagline {
  opacity: 0.5;
}

.home-tiles {
  display: grid;
  grid-gap: var(--gutter);
  padding: var(--gutter);
}
@media (min-width: 641px) and (max-width: 1023px) {
  .home-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .home-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
.home-tiles__column {
  display: grid;
  grid-gap: var(--gutter);
  z-index: 20;
}