#footer {
  background-color: var(--gray);
  padding: 5%;

  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    margin: auto;

    .media-block {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 1rem;

      .logo-container {
        width: 50%;
        img {
          border-radius: 0;
        }
      }

      .language-button {
        border: 2px solid var(--dark-blue);
      }
    }

    .text-block {
      width: 100%;
      padding-bottom: 1rem;

      .text {
        color: var(--dark-blue);
        font-weight: 500;
      }
    }
  }
  .text-block,
  .text,
  .text-small {
    color: var(--white);
  }

  a,
  .text-small {
    &:hover {
      color: var(--dark-blue);
      text-decoration: underline;
    }
  }

  @media screen and (min-width: 600px) {
  }

  @media screen and (min-width: 960px) {
    .container {
      flex-direction: row;
      justify-content: space-between;
      align-items: start;

      .media-block,
      .text-block {
        width: 30%;
        padding: 0 1rem;
        flex: 1;
      }

      .media-block {
        .logo-container {
          width: 40%;
        }
      }
    }
  }

  @media screen and (min-width: 1280px) {
  }

  @media screen and (min-width: 1920px) {
    padding-top: 2%;
    padding-bottom: 2%;
    .container {
      max-width: 70%;
      .media-block {
        .logo-container {
          width: 50%;
        }
      }
    }
  }
}