footer {
  background-color: var(--blue);
  padding: 1rem;
  /* position: absolute;
  bottom: 0;
  width: 100%; */
}
.site_link {
  color: white;
  text-decoration: underline;
}
.site_link:hover {
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 1281px) { 

}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

@media only screen and (min-width: 480px) and (max-width: 767px) { }

@media only screen and (max-width: 480px) { 
  footer {
    padding: 0.5rem;
  }
  .footer__text {
    font-size: 0.7rem;
  }
}