.container {
  min-width: 200px;
  // padding: 0px 15px;
  margin: 0 auto;

  .hero & {
    max-width: 360px;
    padding: 0;
    text-align: center;
    @media screen and (min-width: 1200px) {
      max-width: 696px;
    }
  }

  @media screen and (min-width: 480px) {
    width: 390px;
  }

  @media screen and (min-width: 768px) {
    width: 768px;
  }

  @media screen and (min-width: 1200px) {
    width: 1200px;
  }
}
