/* Padding vertical para Banner Pequeno */
.sgm-banner-small .sgm-banner-content,
.sgm-banner-small #content.sgm-banner-content {
  padding-top: 4rem !important;
  /* py-16 */
  padding-bottom: 4rem !important;
  /* py-16 */
}

/* Padding vertical para Banner Médio */
.sgm-banner-medium .sgm-banner-content,
.sgm-banner-medium #content.sgm-banner-content {
  padding-top: 5rem !important;
  /* py-20 */
  padding-bottom: 5rem !important;
  /* py-20 */
}

/* Media query md (768px) */
@media screen and (min-width: 768px) {

  .sgm-banner-small .sgm-banner-content,
  .sgm-banner-small #content.sgm-banner-content {
    padding-top: 6rem !important;
    /* md:py-24 */
    padding-bottom: 6rem !important;
    /* md:py-24 */
  }

  .sgm-banner-medium .sgm-banner-content,
  .sgm-banner-medium #content.sgm-banner-content {
    padding-top: 6.5rem !important;
    /* md:py-26 */
    padding-bottom: 6.5rem !important;
    /* md:py-26 */
  }
}

/* Media query lg (1024px) */
@media screen and (min-width: 1024px) {

  .sgm-banner-small .sgm-banner-content,
  .sgm-banner-small #content.sgm-banner-content {
    padding-top: 8rem !important;
    /* lg:py-32 */
    padding-bottom: 8rem !important;
    /* lg:py-32 */
  }

  .sgm-banner-medium .sgm-banner-content,
  .sgm-banner-medium #content.sgm-banner-content {
    padding-top: 8rem !important;
    /* lg:py-32 */
    padding-bottom: 8rem !important;
    /* lg:py-32 */
  }
}