footer {
  display: flex;
  position: fixed;
  padding: var(--lg);
  bottom: 0px;
  z-index: 997;
  width: 100%;
  justify-content: space-between;
}


@media (min-width: 300px) and (max-width: 576px) {
footer {
  display: flex;
  position: fixed;
  padding: 0;
  bottom: 0px;
  z-index: 990;
  width: 100%;
  justify-content: center;
}
}

@media (min-width: 577px) and (max-width: 768px) {
footer {
  display: flex;
  position: fixed;
  padding: 0;
  bottom: 0px;
  z-index: 990;
  width: 100%;
  justify-content: center;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
footer {
  display: flex;
  position: fixed;
  padding: 0;
  bottom: 0px;
  z-index: 990;
  width: 100%;
  justify-content: center;
}
}

@media (min-width: 1024px) {

}

@media (min-width: 1600px) {

}