:root {
  --color-primary: #08703E;
  --color-primary-light: #3D974D;
  --color-primary-light-opacity: rgba(61, 151, 77, 0.1019607843);
  --color-secondary: #184F6E;
  --color-black: black;
  --color-white: white;
  --color-eyebrow: #DDEB9D;
  --color-eyebrow-white: #556C2A;
  --color-text-white: #2D2D2D;
  --color-cta-btn: #006600;
  --color-footer: #89AC46;
  --color-tiny: #293B6B;
  --color-card-title: #141313;
  --color-silver: #D9D9D9;
  --color-teaser-text: #333;
}

.text-component {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 3rem 1rem;
}
@media (min-width: 768px) {
  .text-component {
    padding: 9.375rem 0;
  }
}
@media (min-width: 560px) {
  .text-component .field--type-image {
    float: none !important;
    margin: 0 !important;
  }
}

.text-component__container {
  width: 100%;
  margin: 0 auto;
}

.text-component__eyebrow {
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
  color: var(--color-footer);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .text-component__eyebrow {
    font-size: 1.5rem;
  }
}

.text-component__title {
  font-weight: 800;
  font-size: 2rem;
  color: var(--color-cta-btn);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .text-component__title {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}

.text-component__text {
  color: #2D2D2D;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .text-component__text {
    font-size: 2rem;
  }
}