@media only screen and (-webkit-min-device-pixel-ratio: 1.25), 
       only screen and (min--moz-device-pixel-ratio: 1.25), 
       only screen and (-o-min-device-pixel-ratio: 5/4), 
       only screen and (min-device-pixel-ratio: 1.25) {
    /* Styles for approximately 125% scaling */
    html {
        font-size: 6px;
    }
    .fiveInfo {
      margin-top: 5rem;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
       only screen and (min--moz-device-pixel-ratio: 1.5), 
       only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles for approximately 125% scaling */
    html {
        font-size: 4px;
    }
}
@media (min-aspect-ratio: 1.7) {
  .transition1 {
    top: 50%;
    left: 0;
    height: unset;
    width: 100vw;
    transform: translateY(-50%);
  }
}

@media (max-aspect-ratio: 16/9) {
  .noise video {
    width: auto;
    height: 100vh;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1440px) { 
  .oneTitleName h1, .oneTitleNameHolder {
    font-size: 4.5rem;
  }
  .twoBlack {
    font-size: 3rem;
  }
  .oneTitleCoChar, .oneTitleCoCharFake, .oneTitleCoHolder {
    font-size: 13rem;
    letter-spacing: 0.25rem;
  }
  .oneVecsR, .oneVecsL {
    background-size: 60%;
  }
  .scrollDist {
    height: 20rem;
    left: 6rem;
  }
  .twoGreen {
    font-size: 6.6rem;
  }
  .threeP, .fourP, .fiveP, .sixP  {
    width: 40vw;
  }
  .threeVecsR, .threeVecsL {
    width: calc(40vw - 32.5rem);
    background-size: 90%;
  }
  .fourTitleGreen {
    font-size: 6rem;
  }
  .fourTitleWhite {
    font-size: 9rem;
  }
  .fourVecsL, .fourVecsR {
    background-size: 70%;
  }
  .fourCard {
    border-radius: 3rem;
  }
  .fourCardImg img {
    border-radius: 3rem 3rem 0 0;
  }
  .fourCardTitle {
    font-size: 1.5rem;
  }
  .fourCardTag span {
    font-size: 1.5rem;
    margin: 0 0.25rem;
  }
  .fiveVecsR, .fiveVecsL, .sixVecsR, .sixVecsL, .sevenVecsR, .sevenVecsL, .aboutVecsL, .aboutVecsR {
    background-size: 90%;
  }
  .fiveTitle, .sixTitle {
    font-size: 5rem;
  }
  .fiveSlogan {
    font-size: 1.65rem;
    margin: 1rem 0 0 0;
  }
  .footerP {
    left: 30vw;
    width: 40vw;
  }
  .footerRights {
    bottom: 10rem;
  }
  .aboutTitleBlack {
    font-size: 5rem;
  }
  .menuLang {
    font-size: 1.875rem;
  }
  .aboutTitleGreen {
    font-size: 8rem;
  }
  .contactSecTitle {
    font-size: 3.5rem;
  }
  .threeP, .fiveP, .sixP, .footerP, .fourP {
    font-size: 1.75rem;
    line-height: 3rem;
  }
  .fiveBtn a, .sixBtn a {
    font-size: 1.25rem;
  }
  .menuLink {
    font-size: 4rem;
  }
}
@media (max-width: 1366px) { 
  .transition2Item, .transition3Item, .transition6Item, .transition7Item,
  .transition2ItemFake, .transition3ItemFake, .transition6ItemFake, .transition7ItemFake {
    width: 11.1vw;
  }
  .transition2Item1, .transition3Item1, .transition6Item1, .transition7Item1 {
    width: 12.2vw;
  }
  .threeTitle {
    font-size: 4rem;
  }
  .footerLogosCtr a img {
    height: 4rem;
  }
  .footerLogosCtr {
    margin-top: 8rem;
  }
}
@media (max-width: 1200px) { 
  .threeP, .fiveP, .sixP, .footerP, .fourP {
    font-size: 2rem;
    line-height: 2.75rem;
  }
  .footerLogo img, .footerLogo {
    height: 8rem;
  }
  .footerLogoReal {
    width: 24.25rem;
  }
  .footerLogo:hover .footerLogoReal {
    width: 8rem;
    filter: saturate(2);
  }
  .footerRights {
    font-size: 1.5rem;
  }
}
@media (max-width: 1023px) { 
  .oneVecs, .scrolls, .scrollDown, .two, .threeVecs, .one, .oneTitle, .transition2, .three, .transition3, .fourVecs, .fourTitle, .fourWhite, .transition4,
  .fiveVecs, .five, .transition5, .sixVecs, .six, .transition6, .sevenVecs, .footerLogo, .footerP, .footerRights, .transition7, .scrollDist, .aboutVecsR,
  .aboutVecsL, #cursor, .cursSvg, .menuLink:nth-child(3), .menuLink:nth-child(4), .menuLink:nth-child(5), .footerLogos, .fourP {
    display: none;
  }
  .mobileSecs {
    display: block;
  }
  .nav {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .about {
    width: 80vw;
  }
}
@media (max-width: 600px) { 
  .mTwoP, .mThreeCard, .mFourP, .mFiveP, .mFooterP {
    width: 80vw;
  }
  .menuLink, .aboutTitleBlack {
    font-size: 4rem;
  }
  .aboutPic img {
    border-radius: 16px;
  }
}