.footer-background { background-color: var(--main-color-dark); color: var(--neutral-light); }

    .footer-wrapper p { font-size: 0.5rem; }
    .footer-wrapper h3 { font-size: 1rem; }

    .footer-segment {
      padding-top: 0.5rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .footer-segment.left { text-align: left; width: 40rem; }
    .footer-segment.center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }
    .footer-segment.center a { color: var(--neutral-light); font-size: 1rem; }
    .footer-segment.center p { font-size: 0.75rem; }
    .footer-segment.center ul {
      display: flex;
      flex-direction: row;
      gap: 1rem;
      padding: 0rem;
      margin: 0rem;
      list-style: none;
    }
    .footer-segment.center svg { stroke: var(--neutral-light); fill: var(--neutral-light); width: 3rem; height: auto; }
    .footer-segment.right { text-align: right; width: 40rem; }

    .footer-section-list {
      display: flex;
      flex-direction: row;
      gap: 1rem;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
    }

    .footer-social-media:hover svg { fill: var(--alternate-color); }

    .footer-social-icons {
      width: 100%;

      display: flex;
      justify-content: center;
      gap: 18px;

      padding: 12px 0;
      margin: 0;
      list-style: none;
    }

    .footer-icon {
      width: 2rem;
      height: 2rem;
      transition: all 0.25s ease;
      stroke: var(--alternate-color);
      fill: white;
    }

    .footer-social-item a:hover .icon {
      transform: scale(1.15);
    }

    a {
      font-size: 0.25rem;
      text-decoration: none;
    }

    /* xl */
    @media (max-width: 1399px) {
    
    }

    /* lg */
    @media (max-width: 1199px) {

    }

    /* md */
    @media (max-width: 991px) {

    }

    /* sm */
    @media (max-width: 767px) {
      .footer-segment.left { display: none; }
      .footer-segment.center svg { width: 2rem; }
      .footer-segment.right { display: none; }
    }

    /* xs */
    @media (max-width: 575px) {
      
    }

    /* xxs */
    @media (max-width: 379px) {
        
    }

    /* xxl */
    @media (min-width: 1400px) {

    }