#footer-spacer {
  height: var(--height-navbar);
}

#footer {
  position: absolute;
  width: 50vw;
  height: var(--height-navbar);
  margin-left: var(--body-padding-horizontal);
  margin-right: var(--body-padding-horizontal);
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 70%;
  border-top: 1px solid var(--omnitech-gray);
  color: var(--omnitech-gray)
}

#footer-links {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#footer-links a {
  color: inherit;
  height: calc(100% - 20px);
  padding: 10px 20px 10px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
}

#footer-links a:active, #footer-links a:visited {
  color: inherit;
  text-decoration: none;
}

#footer-links a:hover {
  color: var(--omnitech-red);

  transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -webkit-transition: 0.25s ease;
}



@media screen and (max-width: 810px) {
  #footer {
    width: 90vw;
    height: var(--height-navbar);
    margin-left: 5vw;
    margin-right: 0;
  }
}




@media screen and (max-width: 450px) {
  #footer {
    width: 90vw;
    height: var(--height-navbar);
    margin-left: 5vw;
    margin-right: 0;
    flex-direction: column;
  }

  #footer-links {
    width: auto;
    justify-content: space-between;
  }

  #footer-links a {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  #copyright {
    padding-bottom: 10px;
  }
}