.footer{

  width: 100%;
  height: fit-content;
  margin-top: 60px;
  margin: auto;
  padding-top: 20px;
  margin-bottom: -20px;

  background-color: var(--c1);
}

.footer-grid{

  display: grid;
  grid-template-columns: 26% 19% 19% 26%;
  grid-column-gap: 2%;
  width: 70%;
  text-align: center;
  justify-content: center;
  margin: auto;
}

.footer a{

  display: inline;
  text-decoration: none;
  font-size: 30px;

  color: var(--c2);
}

.footer a:hover{

  text-decoration: underline;
}

.footer-rights{

  font-size: 20px;
  text-align: center;

  color: var(--c2);
}

@media only screen and (max-width: 800px){

  .footer-grid{

    grid-template-columns: 95%;
  }
}