@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: 1920px) { 
  .oneVecsL, .oneVecsR {
    background-size: 60%;
  }
}
@media (max-width: 1440px) { 
  .oneTitleName h1, .oneTitleNameHolder, .twoBlack {
    font-size: 6rem;
  }
  .oneTitleCoChar, .oneTitleCoCharFake, .oneTitleCoHolder {
    font-size: 13rem;
    letter-spacing: 0.25rem;
  }
  .oneVecsR, .oneVecsL {
    background-size: 60%;
  }
  .scrollDist {
    height: 20rem;
    left: 6rem;
  }
  .twoGreen {
    font-size: 7.25rem;
  }
  .threeP, .fiveP, .sixP  {
    width: 40vw;
  }
  .threeVecsR, .threeVecsL {
    width: calc(40vw - 32.5rem);
    background-size: 90%;
  }
  .fourTitleGreen {
    font-size: 8rem;
  }
  .fourTitleWhite {
    font-size: 9rem;
  }
  .fourVecsL, .fourVecsR {
    background-size: 70%;
  }
  .fourCard {
    border-radius: 3rem;
  }
  .fourCardImg img {
    border-radius: 3rem 3rem 0 0;
  }
  .fourCardTitle {
    font-size: 2.25rem;
  }
  .fiveVecsR, .fiveVecsL, .sixVecsR, .sixVecsL, .sevenVecsR, .sevenVecsL, .aboutVecsL, .aboutVecsR {
    background-size: 90%;
  }
  .fiveTitle, .sixTitle {
    font-size: 9rem;
  }
  .fiveSlogan {
    font-size: 2.625rem;
    letter-spacing: 1.125rem;
    margin: 1rem 0 0 1rem;
  }
  .footerP {
    left: 30vw;
    width: 40vw;
  }
  .footerRights {
    bottom: 10rem;
  }
  .menuLink, .aboutTitleBlack {
    font-size: 5rem;
  }
  .menuLang {
    font-size: 1.875rem;
  }
  .aboutTitleGreen {
    font-size: 8rem;
  }
  .contactSecTitle {
    font-size: 3.5rem;
  }
}
@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: 5rem;
  }
}
@media (max-width: 1200px) { 
  .threeP, .fiveP, .sixP, .footerP {
    font-size: 2rem;
    line-height: 2.75rem;
  }
  .fiveBtn a, .sixBtn a {
    font-size: 1.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) {
    display: none;
  }
  .mobileSecs {
    display: block;
  }
  .nav {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .about {
    width: 80vw;
  }
  .noise {
    opacity: 0.3;
  }
}
@media (max-width: 600px) { 
  .mTwoP, .mThreeCard, .mFourP, .mFiveP, .mFooterP {
    width: 80vw;
  }
  .menuLink, .aboutTitleBlack {
    font-size: 4rem;
  }
  .aboutPic img {
    border-radius: 16px;
  }
}
@media (max-width: 400px) { 
  .mFiveTitle, .mFourTitle, .mThreeTitle, .mTwoTitle {
    font-size: 8rem;
  }
}