html {
  background-color: #1a1a1a;
  font-size: 14pt;
}

  @media (max-width: 1280px) {
    html {
      font-size: 14pt;
    }
  }

  @media (max-width: 800px) {
    html {
      font-size: 12pt;
    }
  }

  @media (max-width: 600px) {
    html {
      font-size: 11pt;
    }
  }

  @media (max-width: 400px) {
    html {
      font-size: 10pt;
    }
  }


/* img {
  filter: saturate(20%);
  filter: opacity(20%);
} */

.aspect {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #777;
}

.spacer {
  width: 100%;
}

.content {
  position: top;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
}

  .content span {
    margin: 0.2rem auto;
    padding: 0.25rem 0.75rem;
    background-color: rgba(172, 172, 172, 1);
    border-radius: 10px;
    align-self: flex-end;
    font-size: 1.25rem;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
  }