@import "~Colors";
@import "~FontSize";
@import "~Type";

.block {
  // display: block because the cms renders them as a span in the editor
  display: block;
  width: 100%;
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-bottom: 4rem;
  letter-spacing: .1rem;
  font-weight: 300;
  color: $brand-primary;

}
.header, .text {
  color: inherit;
  font-family: $font-family-sans-serif;
  font-weight: 300;
}
.header {
  @include fontSizer(3);
}
.text {
  @include fontSizer(2.4);

}