/* tachyons add styles */
@media screen and (min-width: 0px) {
  .cover {
    object-fit: cover;
  }
  .contain {
    object-fit: contain;
  }
  .object-position-l {
    object-position: left;
  }
  .object-position-r {
    object-position: right;
  }
  .object-position-center {
    object-position: center;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .content-box {
    box-sizing: content-box;
  }
  .f4 {
    font-size: 1.35rem;
  }
  .f8 {
    font-size: 0.5rem;
  }
  .f-4 {
    font-size: 3.75rem;
  }
  .f-7 {
    font-size: 7rem;
  }
  .f-8 {
    font-size: 8rem;
  }
  .f-9 {
    font-size: 9rem;
  }
  .lh-0 {
    line-height: 0;
  }
  .lh-2 {
    line-height: 2;
  }
  .w-16 {
    width: 16%;
  }
  .w-32 {
    width: 32%;
  }
  .w-45 {
    width: 45%;
  }
  .w-48 {
    width: 48%;
  }
  .w-fit {
    width: fit-content;
  }
}
@media screen and (min-width: 30em) {
  .justify-evenly-ns {
    justify-content: space-evenly;
  }
  .content-box-ns {
    box-sizing: content-box;
  }
  .f2-ns {
    font-size: 2.05rem;
  }
  .f8-ns {
    font-size: 0.5rem;
  }
  .f-4-ns {
    font-size: 3.75rem;
  }
  .f-7-ns {
    font-size: 7rem;
  }
  .f-8-ns {
    font-size: 8rem;
  }
  .f-9-ns {
    font-size: 9rem;
  }
  .lh-0-ns {
    line-height: 0;
  }
  .lh-2-ns {
    line-height: 2;
  }
  .w-16-ns {
    width: 16%;
  }
  .w-32-ns {
    width: 32%;
  }
  .w-45-ns {
    width: 45%;
  }
  .w-48-ns {
    width: 48%;
  }
  .w-fit-ns {
    width: fit-content;
  }
}

/* -m */
@media screen and (min-width: 30em) and (max-width: 60em) {
  .justify-evenly-m {
    justify-content: space-evenly;
  }
  .content-box-m {
    box-sizing: content-box;
  }
  .f8-m {
    font-size: 0.5rem;
  }
  .f-4-m {
    font-size: 3.75rem;
  }
  .f-7-m {
    font-size: 7rem;
  }
  .f-8-m {
    font-size: 8rem;
  }
  .f-9-m {
    font-size: 9rem;
  }
  .lh-0-m {
    line-height: 0;
  }
  .lh-2-m {
    line-height: 2;
  }
  .w-16-m {
    width: 16%;
  }
  .w-32-m {
    width: 32%;
  }
  .w-45-m {
    width: 45%;
  }
  .w-48-m {
    width: 48%;
  }
  .w-fit-m {
    width: fit-content;
  }
}

/* -l */
@media screen and (min-width: 60em) {
  .justify-evenly-l {
    justify-content: space-evenly;
  }
  .content-box-l {
    box-sizing: content-box;
  }
  .f8-l {
    font-size: 0.5rem;
  }
  .f-4-l {
    font-size: 3.75rem;
  }
  .f-7-l {
    font-size: 7rem;
  }
  .f-8-l {
    font-size: 8rem;
  }
  .f-9-l {
    font-size: 9rem;
  }
  .lh-0-l {
    line-height: 0;
  }
  .lh-2-l {
    line-height: 2;
  }
  .w-16-l {
    width: 16%;
  }
  .w-32-l {
    width: 32%;
  }
  .w-45-l {
    width: 45%;
  }
  .w-48-l {
    width: 48%;
  }
  .w-fit-l {
    width: fit-content;
  }
  .fz28-l {
    font-size: 28px;
  }
}