.headerTextComponent {
  padding: 3rem 0 3rem;
  position: relative;
  overflow: hidden;
  z-index: 20; }
  .headerTextComponent.columns2a {
    padding: 5rem 0; }
  .headerTextComponent.isDark {
    color: #183f7b;
    background-position: left bottom;
    background-repeat: no-repeat; }
    .headerTextComponent.isDark h2 {
      color: #f7f7f7; }
  .headerTextComponent:not(.isDark) {
    color: #232323; }
  .headerTextComponent .text a {
    color: #183f7b; }
    .headerTextComponent .text a:hover {
      color: #C8A76F;
      text-decoration: none;
      font-weight: 300; }
  .headerTextComponent .text h2 {
    font-weight: 600;
    font-size: 2.4rem;
    position: relative; }
    @media (max-width: 767px) {
      .headerTextComponent .text h2 {
        font-size: 2rem; } }
  .headerTextComponent .text p {
    font-size: 1rem; }
  .headerTextComponent .text blockquote {
    max-width: 50%;
    width: 50%;
    margin: 0 auto;
    margin-top: -7rem;
    font-style: italic; }
  .headerTextComponent .text img {
    width: 100%; }
  @media (max-width: 767px) {
    .headerTextComponent .text blockquote {
      max-width: 90%;
      width: 90%; } }
  .headerTextComponent .text.columns2 h2 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    color: #183f7b; }
  @media (min-width: 768px) {
    .headerTextComponent .text.columns2 > div {
      text-align: justify;
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 4rem;
           column-gap: 4rem; } }