.giraffe-section {
  padding: 10rem 0; }
  .giraffe-section .giraffe-bg {
    margin: auto;
    text-align: center;
    position: relative; }
    @media (max-width: 890px) {
      .giraffe-section .giraffe-bg {
        z-index: -2;
        display: none; } }
    .giraffe-section .giraffe-bg img {
      position: absolute;
      left: 50%;
      margin-left: -380px;
      margin-top: 320px; }
  .giraffe-section .max-width {
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    padding: 0 2rem; }
    @media (min-width: 1240px) {
      .giraffe-section .max-width {
        padding: 0; } }
    @media (max-width: 890px) {
      .giraffe-section .max-width {
        display: block; } }
    .giraffe-section .max-width h2 {
      margin-bottom: 4rem; }
  .giraffe-section .giraffe-section-first {
    flex: 1 1 50%; }
    @media (min-width: 891px) {
      .giraffe-section .giraffe-section-first {
        padding-left: 4rem; } }
    .giraffe-section .giraffe-section-first .giraffe-section-quote {
      margin-left: auto;
      position: relative;
      right: 0;
      margin-bottom: -6rem;
      margin-top: -4rem; }
      @media (min-width: 1400px) {
        .giraffe-section .giraffe-section-first .giraffe-section-quote {
          right: -10rem; } }
    @media (max-width: 890px) {
      .giraffe-section .giraffe-section-first .giraffe-section-image {
        margin-bottom: 3rem; } }
  .giraffe-section .giraffe-section-second {
    flex: 1 1 50%;
    order: -1; }
    @media (min-width: 891px) {
      .giraffe-section .giraffe-section-second {
        padding-right: 4rem; } }
    @media (max-width: 890px) {
      .giraffe-section .giraffe-section-second {
        display: flex;
        flex-direction: column; }
        .giraffe-section .giraffe-section-second .giraffe-section-content {
          order: -1; } }
    .giraffe-section .giraffe-section-second .giraffe-section-quote {
      margin-top: 27rem;
      position: relative;
      top: 4rem;
      z-index: 1;
      left: 0; }
      @media (min-width: 1400px) {
        .giraffe-section .giraffe-section-second .giraffe-section-quote {
          left: -4rem; } }
      @media (max-width: 890px) {
        .giraffe-section .giraffe-section-second .giraffe-section-quote {
          order: -1; } }
  .giraffe-section .giraffe-section-quote {
    background: rgba(167, 215, 205, 0.8);
    border-radius: 100%;
    text-align: center;
    width: 380px;
    height: 380px;
    display: flex;
    align-items: center; }
    .giraffe-section .giraffe-section-quote blockquote {
      font-size: 2.4rem;
      line-height: 3.6rem;
      padding: 3rem; }
    @media (max-width: 890px) {
      .giraffe-section .giraffe-section-quote {
        position: static !important;
        border-radius: 0;
        width: 100%;
        height: auto;
        margin: 0  !important; } }
  .giraffe-section .giraffe-section-content p {
    margin-bottom: 2.5rem; }
  .giraffe-section .giraffe-section-image {
    margin-bottom: 6rem; }
    .giraffe-section .giraffe-section-image img {
      width: 100%; }
  .giraffe-section .giraffe-section-end {
    margin: auto; }
    .giraffe-section .giraffe-section-end img {
      display: inline-block;
      max-width: 100%; }

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