/* stylelint-disable-next-line wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-disable wrap-rem-on-px/wrap-rem-on-px */
/* stylelint-enable wrap-rem-on-px/wrap-rem-on-px */
/*
USAGE:
font-size: fluid(12, 62); : from rem(12)@380px to  rem(62)@1440px
gap: fluid(10, 33, 992);  : from rem(10)@991px to  rem(33)@1440px
margin-right: fluid(32, 65, 320, 2560);  : from rem(32)@320px to  rem(65)@2560px
*/
/*
AUTOFILL

USAGE:
@include mixin.autofill(background-color, text-color);
@include mixin.autofill;

Note: Call this mixin in the wrapper or container to where you intend to manipulate the
      default chrome autofill styles for input, textarea and select elements.
*/
/* stylelint-disable */
/* stylelint-enable */
/* Font */
/* Images */
.section.section--content-columns .wrapper {
  padding: 3.75rem 0.75rem;
}
@media screen and (min-width:991px) {
  .section.section--content-columns .wrapper {
    padding: 6.25rem 5rem;
  }
}
.section.section--content-columns hgroup {
  text-align: center;
  margin-bottom: 2.5rem;
}
.section.section--content-columns hgroup h2 {
  margin-bottom: 2rem;
}
.section.section--content-columns .content-columns__grid {
  display: grid;
  gap: 2.5rem;
}
@media screen and (min-width:768px) {
  .section.section--content-columns .content-columns__grid {
    column-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width:1199px) {
  .section.section--content-columns .content-columns__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.section.section--content-columns .content-columns__col h3 {
  font-size: 1.5rem;
  text-align: center;
}

/*# sourceMappingURL=content_columns.css.map */