_content.scss

@use "variables";

.main-content {
  padding: 50px 0;
  font-size: 1rem;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: variables.$font-weight-semi-bold;
    color: variables.$color-text;
  }

  h3 {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    color: white;
    background-color: variables.$color-primary;
  }

  .section-headline {
    margin-top: 0;
    font-size: 2rem;
    font-weight: variables.$font-weight-semi-bold;
  }

  p {
    margin: 0 0 variables.$spacing-paragraph;
  }

  @media (min-width: variables.$bp-tablet) {
    padding: 130px 0;

    .section-headline {
      border-bottom: none;
    }

    h3 {
      padding: 10px 40px;
      margin-right: -40px;
      margin-left: -40px;
    }

    .intro {
      text-align: center;
    }
  }
}

a {
  font-weight: variables.$font-weight-semi-bold;
  color: variables.$color-link;
}

.text-end {
  text-align: end;
}

.text-center {
  text-align: center;
}