/* =============================================================================
   Tables
   ========================================================================== */

table.ce-table td {
  border: 2px solid rgb(var(--c-neutral-lightest));
  background: rgb(var(--c-neutral-lighter));
  padding: 0.3rem 0.7rem;
}

table.ce-table th,
table.ce-table caption {
  color: rgb(var(--c-neutral-lightest));
  background: rgb(var(--c-primary));
  font-family: var(--f-family);
  border: 2px solid rgb(var(--c-neutral-lightest));
  text-transform: uppercase;
  padding: 0.3rem 0.7rem;
}

/* Footer */
.footer {
  background-color: rgb(var(--c-neutral-darker));
}

.footer,
.footer h3,
.footer a {
  color: rgb(var(--c-neutral-lightest));
}

.footer {
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer__logo {
    margin: 0 0 1.3rem 0;
}


/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 400px) {
  .footer {
    padding-top: calc(50px + (100 - 50) * ((100vw - 400px) / (1600 - 400)));
    padding-bottom: calc(50px + (100 - 50) * ((100vw - 400px) / (1600 - 400)));
  }
}

@media (min-width: 1580px) {
  .footer {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}