/* @media (max-width: 528px) {
  main {
    font-size: 15px;
  }
} */

@media (min-width: 768px) {
  main {
    font-size: 13px;
  }
}
@media (min-width: 1024px) {
  main {
    font-size: 13.5px;
  }
  .mobile-cell {
    display: none;
  }
}
@media (min-width: 1280px) {
  main {
    font-size: 13px;
    line-height: 14px;
    /* font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14.5px; */
    /* line-height: 15.5px; */
  }
}
@media screen and (max-width: 450px) {
  .index-background video {
    width: 100%;
  }
  .post {
    font-size: 14px;
    line-height: 15.25px;
  }
  .vertical-mode {
    height: 100% !important;
    width: 100% !important;
  }
  .mobile-cell {
    display: block;
  }
  .inner-about-container {
    width: 100%;
  }
  .cartel {
    width: 100% !important;
    transition: all 0ms cubic-bezier(0.15, 0.01, 0.005, 0.995) !important;
    height: calc(100vh - 80px);
  }
  .contact {
    /* display: none; */
  }

  .reduce {
    width: 85% !important;
  }
  .top-cartel-container-index {
    width: 85%;
  }

  .index-cartel-container {
    width: 100%;
  }
  .index-container {
    display: none;
  }

  .index-cartel-container > div {
    width: calc(100% - 20px);
  }
  .project-index {
  }
  .cartel-p {
    position: relative;
    height: calc(100vh - 60px);
  }
  .index-cartel-container {
    height: 67.5px;
  }
}

/* NORMAL DESKTOP */

@media (min-width: 1024px) and (max-width: 1280px) {
  main {
  }
}

/* BIG DESKTOP */

@media (min-width: 1280px) {
  main {
  }
}

/* TABLET, IPADS (VERTICAL) */

@media (min-width: 768px) and (max-width: 1024px) {
  main {
  }
  .inner-about-container {
    width: 40%;
  }
  .cartel {
    width: 40%;
    height: 95vh;
  }
}

/* TABLET, IPADS (LANDSCAPE) */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  main {
  }
}

/* LANDSCAPE MOBILES, LOW-RES TABLET */

@media (min-width: 481px) and (max-width: 767px) {
  main {
  }
}