/* ! custom content for hero text, content - adding internal padding horizontal (16px, 6px mob) */

.hero-content {
  max-width: 1440px;
  padding: 0px 60px;
  margin: 0 auto;

  @media screen and (max-width: 1440px) {
    max-width: 1440px;
    padding: 0px calc(60px - 16px);
  }

  @media screen and (max-width: 960px) {
    padding: 0px calc(40px - 16px);
    max-width: 960px;
  }

  @media screen and (max-width: 530px) {
    max-width: 530px;
    padding: 0px calc(12px - 6px);
  }
}

/* ! custom content for hero text, content - adding internal padding horizontal (16px, 6px mob)*/