// Colors
$red: #ea3515;

// Fonts
$font-family-serif: 'Roboto Slab', serif;
$font-family-sans-serif: 'Open Sans', sans-serif;
$headings-font-family: $font-family-serif;
$font-family-base: $font-family-sans-serif;
$h2-font-size: 2.6rem;

@import './node_modules/bootstrap/scss/bootstrap.scss';

.section,
.hero {
  padding: 4.5em 0;
}

.hero {
  background: $gray-200;
}

.main-heading {
  font-size: 4em;
  @include media-breakpoint-down(md) {
    & {
      font-size: 2.5em;
    }
  }
}