.footer {
  position: relative;
  box-shadow: 0px 0px 5px#c7c7c7;
  padding-top: 1rem;
  text-align: center;

  .pre-footer {
    padding-bottom: 1rem;

    .footer-logo {
      height: 90px;
    }
    .description {
      width: 100%;
      padding-top: .6rem;
      font-size: 1rem;
    }

    .pre-footer-column:not(:first-child) {
      padding-top: 47px;
    }

    .pre-footer-column_title {
      font-size: 1.5rem;
      padding-bottom: 10px;
      margin-bottom: .5rem;
      display: inline-block;

      &:after {
        content: '';
        display: block;
        border-bottom: 2px solid var(--color-red-one);
        position: relative;
        bottom: -5px;
      }
    }

    .footer-menu-list {
      a, a:link, a:hover, a:visited {
        color: var(--color-gray-dark);
        /* text-decoration: underline; */
      }
    }
  }

  .footer-bar {
    border-top: 1px solid var(--color-gray-two);
    padding: 10px 0 100px 0;
    background-color: #4b4b4b;
    color: white !important;
    font-size: 1rem;

    * {
      color: white !important;
    }
  }
}

@media (max-width: 1023px) {
  .footer {
    .pre-footer {
      .slds-col {
        width: 100%;
      }
    }
  }
}

@media (min-width: 1024px) {
  .footer {
    text-align: left;

    .pre-footer {
      .description {
        max-width: 250px;
      }
    }

    .footer-bar {
      padding: 10px 0;
    }
  }
}