@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Oswald:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@600");
body {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px; }

.container {
  max-width: 920px; }

h2 {
  line-height: 1; }
  h2.display {
    font-size: 50px;
    line-height: 1;
    letter-spacing: -.04em;
    color: #c7e27a; }
    h2.display span {
      color: #145138; }

h3 {
  color: #145138;
  font-size: 21px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500; }

p {
  margin-bottom: 1em; }

strong {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500; }

header {
  background-image: url("../images/farm-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative; }
  header .container {
    padding-top: 30px;
    padding-bottom: 354px;
    padding-bottom: 30vw; }
    @media screen and (min-width: 1200px) {
      header .container {
        padding-bottom: 340px;
        padding-bottom: 26vw; } }
  header h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px; }
    @media screen and (max-width: 575px) {
      header h1 {
        font-size: 24px; } }
    header h1 span {
      font-family: 'Oswald', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 80px;
      line-height: 1;
      display: inline-block;
      border-top: 2px solid #2b2b2b;
      border-bottom: 2px solid #2b2b2b;
      padding: 20px 0;
      margin-top: .5rem; }
      @media screen and (max-width: 575px) {
        header h1 span {
          font-size: 50px; } }
  header img.logo {
    width: 170px; }
  header .milk-splash {
    position: absolute;
    bottom: 0; }
  header.french h1 {
    font-size: 30px; }
    @media screen and (max-width: 575px) {
      header.french h1 {
        font-size: 24px; } }

.statistics {
  font-family: 'Oswald', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1; }
  .statistics .stat-burst {
    font-size: 21px;
    line-height: 1; }
    .statistics .stat-burst span {
      font-size: 48px; }
      .statistics .stat-burst span.french {
        font-size: 32px; }

.intro {
  background: #FFFFFF;
  background: linear-gradient(0deg, white 33%, rgba(255, 255, 255, 0) 100%);
  position: relative;
  top: -120px;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .intro {
      top: -150px; }
      .intro h2 {
        position: relative;
        top: 100px;
        font-size: 40px; } }

@media screen and (min-width: 768px) {
  .information {
    margin-top: -60px; } }
.information.french h2 {
  font-size: 1.75rem; }

@media screen and (min-width: 992px) {
  .form-container-outer {
    width: 42%; } }

.form-container {
  background-color: #c7e27a; }
  .form-container h2 {
    color: #145138; }

.icon-area img {
  width: 110px; }

footer p {
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400; }

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