@media only screen and (min-width: 0px) {
  .component.basic-hero .interior {
    padding-bottom: 28px;
    position: relative;
  }
  .component.basic-hero .interior .grid-x {
    min-height: 120px;
  }
  .component.basic-hero.dark.navy {
    margin-top: 38px;
  }
  .component.basic-hero.dark.navy h1 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .component.basic-hero .interior::after {
    width: 180px;
    height: 170px;
    right: 3rem;
    bottom: -5rem;
  }
  .component.basic-hero .interior .grid-x {
    min-height: 300px;
  }
  .component.basic-hero.dark.navy {
    margin-top: 100px;
  }

}

@media (max-width:768px) {


}