footer {
  padding-block: 6rem;
  background-color: var(--primary);
  color: white;

  .footer-mail {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    margin-inline: auto;
    color: white;
    text-decoration: none;
    opacity: .7;
    transition: .5s;

    &:hover {
      text-decoration: underline;
      opacity: 1;
    }
  }

  .container {
    img {
      width: 219px;
    }

    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    
    ul {
      list-style-type: none;
      padding-left: 0;
      
      display: none;
      gap: .5rem;

      @media screen and (max-width: 1080px) {
        display: none;
      }

      li a {
        color: white;
        text-decoration: none;

        &:hover {
          text-decoration: underline;
        }
      }
    }
    
    h5 {
      margin: 0;
    }

    @media screen and (max-width: 1080px) {
      h5 {
        display: none;
      }

      justify-items: center;
      grid-template-columns: 1fr;
    }

    justify-items: center;
    grid-template-columns: 1fr;

    h5 {
      display: none;
    }
  }

  @media screen and (max-width: 1080px) {
    background-color: var(--primary);
    margin-block: 0;
  }
}