@media (max-width: 1024px) {
    body {
      height: 110vh;
      min-height: 88vw;
      gap: 4vw;
    }
    .greyBackground {
      background-color: rgba(0, 0, 0, 0.5);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
    }
    .noScroll {
      overflow: hidden;
    }
    header {
      height: 2rem;
      margin-bottom: 0;
    }
    .logo {
      width: 6rem;
      height: 2rem;
      object-fit: fill;
    }
    nav {
      width: 5rem;
      height: 100%;
      flex-direction: column;
      justify-content: start;
      align-items: center;
      width: 100%;
      height: 10rem;
      position: relative;
    }
    .fixed-nav {
      position: fixed;
      top: -0.5rem;
      right: 0;
      width: 60%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: var(--v-white);
      z-index: 1;
    }
    .firstPartNav {
      flex-direction: column;
      align-items: start;
      gap: 2rem;
      position: absolute;
      top: 5rem;
      left: 0.2rem;
      font-size: 1.3rem;
      padding: 1rem 2rem;
      z-index: 2;
    }
    .featuresNavDropdown,
    .companyNavDropdown {
      box-shadow: none;
      top: 3rem;
      font-size: 1.2rem;
    }
    .dropdownIcons {
      width: 1.3rem;
      height: 1.3rem;
    }
    #featuresDropdown {
      left: 1.4rem;
    }
    .companyDropdownMenu {
      z-index: 3;
    }
    #companyDropdown {
      left: 1.4rem;
      top: 6rem;
      z-index: 1;
    }
    .featuresPadding {
      padding-bottom: 12rem;
    }
    .companyPadding {
      padding-bottom: 8rem;
    }
    .moveCompanyToBottom {
      margin-top: 12rem;
    }
    .closeImgContainer {
      display: flex;
      justify-content: end;
      width: 91%;
      height: 5rem;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      margin: 0;
      padding: 0;
    }
    .closeImg {
      width: 2.5rem;
      height: 2.5rem;
      margin: 1rem;
      z-index: 10;
    }
    .burgerImg {
      display: inherit;
      width: 2.5rem;
      height: 1.4rem;
      margin: 1.8rem 1.5rem 1rem 1rem;
      z-index: 10;
    }
    .secondPartNav {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      gap: 1.3rem;
      top: 20rem;
      right: 0;
      height: fit-content;
      width: 100%;
      margin: 0;
      padding: 1rem 0;
      font-size: 1.3rem;
      z-index: 0;
    }
    .featuresSecondPartNavPadding {
      padding-top: 14rem;
    }
    .companySecondPartNavPadding {
      padding-top: 10rem;
    }
    .featuresVsCompanyPadding {
      padding-top: 20rem;
    }
    .registerButton {
      width: 60%;
      text-align: center;
      padding: 0.8rem 1.4rem;
      border-radius: 15px;
      border: 2px solid var(--v-gray-secondary);
    }
    .container {
      margin-top: 3rem;
      flex-direction: column-reverse;
      width: 100%;
      height: 100%;
    }
    .pageImg {
      width: 100%;
      height: 100%;
      padding: 0;
    }
    .imgHero {
      content: url("../images/image-hero-mobile.png");
      width: 100vw;
      height: 45vw;
      object-fit: scale-down;
    }
    .card {
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 80%;
      padding: 0;
      margin-top: 1rem;
    }
    h1 {
      flex-direction: row;
      font-size: 9vw;
    }
    .makeWordSpace {
      margin-right: 1.7vw;
    }
    .commercialText {
      text-align: center;
      width: 80%;
      height: fit;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 2rem;
    }
    button {
      width: 10rem;
      height: 4rem;
      padding: 1rem 1rem;
      font-size: 1.2rem;
      border-radius: 15px;
    }
    .clientLogos {
      width: 80%;
      height: 2rem;
      margin-top: 3rem;
    }
    .clientLogoSize {
      width: 18vw;
      height: 5vw;
      object-fit: scale-down;
      margin: auto;
    }
    footer {
      margin-top: 4rem;
      width: 100%;
      height: 10rem;
      display: flex;
      align-items: end;
      justify-content: center;
    }
    .attribution {
      height: 3rem;
      font-size: 0.7rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hidden {
      display: none;
    }
    .slideIn {
      animation: slideIn 0.5s forwards;
    }
    .slideOut {
      animation: slideOut 0.5s forwards;
    }
  }