footer {

  background-color: #F6F6F6;
  padding: 80px 0;

  .container {
    height: 100%;
    width: 100vw;
    max-width: 1280px;
    padding: 0 20px;
    margin: auto;
  }

  p {
    margin-bottom: 0;
  }

  .footer-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .footer-row {
    display: flex;
    gap: 20px;
  }

  .footer-column-left {
    flex: 0 0 25%;
    box-sizing: border-box;
  }

  .footer-column-right {
    flex: 0 0 75%;
    box-sizing: border-box;
  }

  .footer-links {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 0;
  }

  .footer-links li {
    list-style-type: none;
  }

  .footer-links a {
    color: #4c4c4c;
    transition: color 0.1s ease-in-out;
  }

  .footer-links a:hover {
    color: #f69f29;
  }
}

@media screen and (max-width: 768px) {
  .footer-row {
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer-row-logos .footer-column-left,
  .footer-row-logos .footer-column-right {
    flex: 0 0 100%;
  }

  .footer-row-links .footer-column-left,
  .footer-row-links .footer-column-right {
    flex: 0 0 100%;
  }

  .footer-links {
    gap: 0.25rem;
  }
}