@media (max-width: 768px) {
    body {
      height: auto;
      min-height: 100vh;
      gap: 2vw;
    }
    header {
      height: 4rem;
    }
    .logoSection {
      margin-top: 0;
    }
    .logo {
      width: 5rem;
      height: 3.5rem;
      object-fit: scale-down;
    }
    nav {
      width: 100%;
      height: auto;
      margin-top: 0;
    }
    .fixed-nav {
      top: 0;
      width: 70%;
    }
    .firstPartNav {
      top: 4rem;
      align-items: start;
      gap: 1.5rem;
      left: 0rem;
      font-size: 1.2rem;
      padding: 1rem 1.5rem;
    }
    #companyDropdown {
      left: 1.5rem;
      top: 5rem;
    }
    .closeImgContainer {
      width: 90%;
      height: 4rem;
    }
    .closeImg {
      width: 2rem;
      height: 2rem;
    }
    .burgerImg {
      width: 2rem;
      height: 1.2rem;
      margin: 1.5rem 1.5rem 1rem 1rem;
    }
    .secondPartNav {
      gap: 1rem;
      top: 18rem;
      font-size: 1.2rem;
    }
    .featuresSecondPartNavPadding {
      padding-top: 12rem;
    }
    .companySecondPartNavPadding {
      padding-top: 8rem;
    }
    .featuresVsCompanyPadding {
      padding-top: 20rem;
    }
    .container {
      margin-top: 2rem;
      height: auto;
    }
    .pageImg {
      height: auto;
      margin-bottom: 1rem;
    }
    .imgHero {
      height: auto;
      object-fit: cover;
    }
    .card {
      height: auto;
    }
    h1 {
      font-size: 9.2vw;
    }
    .makeWordSpace {
      margin-right: 1.5vw;
    }
    .commercialText {
      margin-top: 0.4rem;
      margin-bottom: 1.7rem;
    }
    .button {
      height: 3rem;
      width: 8rem;
    }
    .clientLogos {
      width: 88%;
      margin-top: 2.8rem;
    }
  }
  @media (max-width: 391px) {
    body {
      height: 84vh;
    }
    header {
      height: 6rem;
      margin-bottom: 0.5rem;
    }
    .logoSection {
      height: 3.8rem;
    }
    .logo {
      padding: 0.5rem 0;
      width: 6rem;
      object-fit: scale-down;
    }
    h1 {
      font-size: 9.5vw;
    }
    .closeImg {
      width: 1.8rem;
      height: 1.8rem;
    }
    .burgerImg {
      width: 2.2rem;
      height: 1.2rem;
      margin-right: 1.1rem;
    }
    .fixed-nav {
      width: 64%;
    }
    .firstPartNav {
      padding: 1rem 1.5rem;
      font-size: 1rem;
      top: 4rem;
    }
    .featuresNavDropdown,
    .companyNavDropdown {
      font-size: 1rem;
    }
    .secondPartNav {
      font-size: 0.9rem;
      top: 16.5rem;
    } 

    .registerButton {
      padding: 0.8rem 1.4rem;
      border-radius: 15px;
      border: 2px solid var(--v-gray-secondary);
    }
    .container {
      height: 100%;
      margin-top: 0rem;
    }
    .commercialText {
      width: 90%;
    }
    .imgHero {
      width: 100vw;
      height: 100%;
      object-fit: cover;
    }
    button {
      width: 37%;
      height: 13vw;
      padding: 3.9vw 5vw;
      font-size: 4.3vw;
      border-radius: 15px;
    }
    .clientLogos {
      width: 97%;
      height: 10vw;
    }
    .clientLogoSize {
      margin: auto;
    }
    .databizLogo {
      width: 22vw;
      height: 7.5vw;
    }
    .audiophileLogo {
      width: 21vw;
      height: 7vw;
    }
    .makerLogo,
    .meetLogo {
      width: 17.5vw;
      height: 4.8vw;
    }
    .attribution {
      font-size: 0.5rem;
    }
  }