body {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400, 500, 600, 700, 800;
    font-style: normal;
    width: auto!important; 
    overflow-x: hidden!important
}

html {
    scroll-behavior: smooth;
    width: auto!important; 
    overflow-x: hidden!important
}

.new-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000000;
    padding-top: 18px;
    /* padding-bottom: 18px; */
    padding-bottom: -10px;
    z-index: 500;
}

.new-navbar-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding-top: 25px;
    z-index: 1;
}

.navbar-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-item-link {
    color: white;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .1rem;
}

.nav-item-link:hover {
    color: white;
}

.padding-nav-links {
    padding-left: 9px;
    padding-right: 9px;
}

.navbar-logo {
    width: 125px;
}

.hamburger {
    display: none;
    cursor: pointer;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ffffff;
}

/* .navbar {
    padding-top: 21px;
}

.navbar-two {
    background-color: #000000 !important;
    padding-top: 21px;
} */

/* .navbar-item {
    color: white;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .23rem;
}

.navbar-item:hover {
    color: white !important;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .23rem;
    background-color: #000000 !important;
}

.navbar-item:hover {
    text-decoration: none;
} */

.show-use-mobile {
    display: block;
}

.hide-use-mobile {
    display: none !important;
}

.clear:hover {
    color: white !important;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .23rem;
    background-color: transparent !important;
}

.hero-background {
    background-color: #000000;
}

.mobile-background {
    background-image: url(./img/mobile-hero.jpeg);
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;
    display: none;
}

.navbar-sign-up-button {
    background-color: transparent;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 1.5px;
    width: 170px;
    /* width: 40%; */
    height: 30px;
    /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
    letter-spacing: .1rem;
    border-radius: 12rem;
}

.navbar-sign-up-button:hover {
    background-color: transparent;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 1.5px;
    width: 170px;
    /* width: 40%; */
    height: 30px;
    /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
    letter-spacing: .1rem;
    border-radius: 12rem;
}

.navbar-operator-button {
    background-color: transparent;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-color: #ffffff;
    border-width: 1.5px;
    width: 170px;
    /* width: 40%; */
    height: 30px;
    /* box-shadow: inset 0 0 0.4em 0 white, 0 0 0.4em 0 white; */
    letter-spacing: .1rem;
    border-radius: 12rem;
}

.navbar-operator-button:hover {
    background-color: transparent;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-color: #ffffff;
    border-width: 1.5px;
    width: 170px;
    /* width: 40%; */
    height: 30px;
    /* box-shadow: inset 0 0 0.4em 0 white, 0 0 0.4em 0 white; */
    letter-spacing: .1rem;
    border-radius: 12rem;
}

.hero-text {
    color: white;
    font-weight: 700;
    font-size: 45px;
    /* letter-spacing: .1rem; */
}

.hero-subtext {
    color: white;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .03rem;
    margin-top: 1%;
}

.myvideo {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-sign-up-button {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 2.5px;
    width: 300px;
    /* width: 40%; */
    height: 43px;
    /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
    letter-spacing: .1rem;
    border-radius: 12rem;
    margin-top: 7%;
}

.hero-sign-up-button:hover {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 2.5px;
    width: 300px;
    /* width: 40%; */
    height: 43px;
    /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
    letter-spacing: .1rem;
    border-radius: 12rem;
    margin-top: 7%;
}

.how-works-two-title {
    color: #2DFDFE;
    font-weight: 700;
    font-size: 45px;
    /* letter-spacing: .1rem; */
    /* text-align: center; */
    /* width: 50%; */
}

.how-works-two-pic {
    width: 50px;
    margin-top: 5%;
}

.phone-new-pic {
    width: 250px;
    margin: auto;
}

.how-works-two-subtext {
    color: white;
    font-weight: 300;
    font-size: 17px;
    /* width: 50%; */
    margin-top: 1%;
}

.use-case-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.use-case-container-two {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.use-case-pic {
    width: 300px;
}

.explainer-title-one {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: .6rem;
}

.explainer-title-two {
    color: white;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: .6rem;
    margin-top: -.5%;
}

.explainer-paragraph {
    color: #dadada;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .05rem;
    margin-top: 3%;
    /* line-height: 1.9; */
}

.blog-small-title {
    color: #b5b5b5;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .3rem;
    margin-top: 5%;
    line-height: 1.9;
}

.kart-image {
    width: 500px;
}

.explainer-sign-up-button {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 2px;
    width: 360px;
    /* width: 80%; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 7%;
}

.explainer-sign-up-button:hover {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: white;
    border-width: 2px;
    width: 360px;
    /* width: 80%; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 white, 0 0 0.4em 0 white;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 7%;
}

.works-safety-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 80%; */
}

.works-text {
    color: #2DFDFE;
    font-weight: 500;
    font-size: 10px;
    padding-right: 3%;
    letter-spacing: .2rem;
    margin-top: 5%;
}

.works-text:hover {
    color: white;
}

.safety-text {
    color: #2DFDFE;
    font-weight: 500;
    font-size: 10px;
    padding-left: 3%;
    letter-spacing: .2rem;
    margin-top: 5%;
}

.safety-text:hover {
    color: white;
}

.mission-text {
    color: white;
    font-weight: 600;
    font-size: 25px;
    /* letter-spacing: .2rem; */
}

.livable-text {
    color: #2DFDFE;
    font-weight: 500;
    font-size: 25px;
    /* letter-spacing: .2rem; */
}

.mission-text-new {
    color: white;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: .09rem;
}

.livable-text-new {
    color: #2DFDFE;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: .09rem;
}

.mission-text-two {
    color: white;
    font-weight: 600;
    font-size: 25px;
    /* letter-spacing: .2rem; */
    margin-top: 15px;
}

.livable-text-two {
    color: #2DFDFE;
    font-weight: 500;
    font-size: 25px;
    /* letter-spacing: .2rem; */
}

.cities-text {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: .6rem;
}

.cities-subtext-one {
    color: #6D6D6D;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .2rem;
    line-height: 1.9;
    margin-top: 2%;
    width: 75%;
    display: inline-block;
}

.launch-countdown-text {
    color: #b5b5b5;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: .2rem;
    line-height: 1.9;
    /* margin-top: 1%; */
    /* width: 75%;
    display: inline-block; */
}

.operator-subtext-one {
    color: #888888;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .05rem;
    line-height: 1.9;
    margin-top: 1%;
    width: 75%;
    display: inline-block;
}

.cities-subtext-two {
    color: #6D6D6D;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .2rem;
    line-height: 1.9;
    margin-top: 2%;
    width: 75%;
    display: inline-block;
}

.cities-email-text {
    color: #6D6D6D;
    /* color: #6D6D6D;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .4rem;
    line-height: 1.9;
    margin-top: 2%;
    width: 75%;
    display: inline-block; */
}

.city-backdrop-image {
    bottom: 0px;
    margin-top: 5%;
}

.city-backdrop-image-mobile {
    bottom: 0px;
    margin-top: 5%;
    display: none;
}

.city-contact-button {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 2px;
    width: 360px;
    /* width: 40%; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 4%;
}

.city-contact-button:hover {
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 2px;
    width: 360px;
    /* width: 40%; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 4%;
}

/* .how-works-subtitle {
    color: #717171;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .5rem;
    margin-top: 1%;
} */

.step-text {
    color: white;
    font-weight: 800;
    font-size: 50px;
    letter-spacing: .6rem;
}

.how-works-image {
    width: 40px;
    margin: auto;
}

.how-works-title {
    color: white;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .6rem;
    margin-top: 2%;
}

.how-works-subtitle {
    color: #adadad;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .05rem;
    line-height: 1.5;
    margin-top: 1.25%;
}

.how-works-subtitle-safety {
    color: #adadad;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .05rem;
    line-height: 1.5;
    margin-top: 1.25%;
}

.how-works-subtitle-caution {
    color: #4b4b4b;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .2rem;
    line-height: 1.9;
    margin-top: 3%;
}

.safety-image {
    width: 40px;
    margin: auto;
}

.safety-title {
    color: white;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .6rem;
    margin-top: 2%;
}

.safety-title-city {
    color: white;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .2rem;
    margin-top: 2%;
}

.safety-subtext {
    color: white;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .05rem;
    line-height: 1.5;
    margin-top: 2%;
    width: 75%;
    display: inline-block;
}

.operator-image {
    width: 20px;
    margin-right: 4px;
}

.input-label-text {
    color: #B4B4B4;
    font-weight: 500;
    /* font-size: 12px; */
    font-size: 10px !important;
    letter-spacing: .4rem;
}

.operator-input {
    background-color: #000000;
    border-color: #b4b4b4;
    border-radius: 30px;
    /* border-width: 1.75px; */
    border-width: 1.25px;
    margin-top: 1%;
}

.operator-sign-up-button {
    background-color: transparent;
    color: white;
    /* font-size: 11px; */
    font-size: 10px;
    font-weight: 700;
    border-color: #2DFDFE;
    /* border-width: 2px; */
    border-width: 1.75px;
    width: 100%;
    /* width: 360px; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 4%;
}

.operator-sign-up-button:hover {
    background-color: transparent;
    color: white;
    font-size: 10px;
    font-weight: 700;
    border-color: #2DFDFE;
    border-width: 1.75px;
    width: 100%;
    /* width: 360px; */
    height: 43px;
    box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
    letter-spacing: .3rem;
    border-radius: 12rem;
    margin-top: 4%;
}

.flex-it {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.flex-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}

.countdown-number {
    color: #b5b5b5;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .3rem;
}

.countdown-title {
    color: #b5b5b5;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .3rem;
}

.blog-date-text {
    color: #6D6D6D;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .4rem;
    margin-top: 5%;
    line-height: 1.9;
}

.blog-bold-text {
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .4rem;
    margin-top: 2%;
    line-height: 1.9;
}

.blog-paragraph-text {
    color: #b5b5b5;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .1rem;
    margin-top: 2%;
    line-height: 1.9;
}

.neater {
    display: flex;
    justify-content: center;
    align-items: center;
}


.meet-team-text {
    color: white;
    font-weight: 600;
    font-size: 45px;
}

.meet-team-subtext {
    color: white;
    font-weight: 300;
    font-size: 22px;
    width: 75%;
    text-align: center;
    margin: auto;
    margin-top: 13px;
}

.meet-team-subtext-two {
    color: white;
    font-weight: 300;
    font-size: 22px;
    width: 75%;
    text-align: center;
    margin: auto;
    margin-top: 13px;
}

.team-name-text {
    color: white;
    font-weight: 600;
    font-size: 22px;
    /* text-align: center;
    margin: auto; */
    margin-top: 13px;
}

.team-name-subtext {
    color: white;
    font-weight: 300;
    font-size: 16px;
    /* text-align: center;
    margin: auto; */
    margin-top: 13px;
}

.faq-hero {
    color: white;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: .1rem;
    text-align: center;
}

.faq-question {
    color: white;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: .1rem;
    margin-top: 3%;
}

.faq-answer {
    color: white;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: .05rem;
    margin-top: 1%;
}









h1 {
    text-align: center;
  }
  
 
  
  
  
  
  
  
  












.download-icons-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-app-icon-one {
    width: 140px;
    margin-right: 10px;
}

.download-app-icon-two {
    width: 150px;
    margin-left: 10px;
}

.footer-logo {
    width: 125px;
    margin: auto;
}

.social-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
}

.instagram-image {
    width: 32px;
    margin-right: 1%;
}

.twitter-image {
    width: 25px;
    margin-left: 1%;
}

.terms-privacy-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2%;
}

.terms-text {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: .2rem;
    padding-right: 1%;
}

.privacy-text {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: .2rem;
    padding-left: 1%;
}

.terms-text:hover {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: .2rem;
    padding-right: 1%;
}

.privacy-text:hover {
    color: #2DFDFE;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: .2rem;
    padding-left: 1%;
}

.copyright-text {
    color: white;
    font-weight: 600;
    font-size: 8px;
    letter-spacing: .2rem;
    margin-top: 2%;
}

.hamburger-image {
    width: 23px;
    display: none;
}

.close-image {
    width: 23px;
    display: none;
}

.team-pic {
    width: 120px;
    margin: auto;
}

.team-pic-n {
    width: 130px;
    margin: auto;
}


.app-logo {
    width: 175px;
    margin: auto;
}

.hero-background-download {
    background-color: white;
}

.beta-text {
    color: black;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 5% !important;
    width: 70%;
    text-align: center;
    margin: auto;
}

.download-text {
    color: black;
    font-weight: 600;
    font-size: 18px;
    margin-top: -3%;
}

.app-store-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.apple {
    width: 145px;
}

.google {
    width: 175px;
}

.operating-subtitle {
    color: white;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .1rem;
    /* margin-top: 1%; */
}



.accordion {
    background-color: #000000;
    color: white;
    cursor: pointer;
    padding: 22px;
    width: 100%;
    border: 1px solid rgb(0, 0, 0);
    text-align: left;
    /* outline: none; */
    transition: 0.4s;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: .1rem;
  }
  
  .active, .accordion:hover {
    background-color: #191919; 
  }
  
  .panel {
    padding: 0 22px;
    display: none;
    background-color: black;
    overflow: hidden;
  }


.box-get-there {
    width: 300px;
    border: 1px solid #2DFDFE;
    padding: 10px;
    margin-top: 15px;
    height: 295px;
    border-radius: 6px;
}

.phase-text {
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .4rem;
    margin-top: 2%;
    text-align: center;
}

.phase-subtext {
    color: #ffffff;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: .03rem;
    margin-top: 4%;
    line-height: 1;
    text-align: center;
}

.phase-bullet-subtext {
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: .03rem;
    margin-top: 9%;
    line-height: 1;
    /* text-align: center; */
}

.box-phase-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


.first-title {
    color: #ffffff;
    font-weight: 600;
    font-size: 25px;
    /* letter-spacing: .1rem; */
    line-height: 1.2; 
}

.first-paragraph {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .05rem; 
    margin-top: 3%;
}

.first-paragraph-teal {
    color: #2DFDFE;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .05rem; 
    /* margin-top: 3%; */
}

.garage-park-image {
    width: 160px;
    margin: auto;
}

.fleet-size-text {
    color: black;
    font-weight: 400;
    font-size: 18px;
    /* letter-spacing: .02rem; */
    line-height: 1.2; 
}

.fleet-size-text-teal {
    color: black;
    font-weight: 600;
    font-size: 18px;
    /* letter-spacing: .02rem; */
    line-height: 1.2; 
}

.fleet-image-text-nav {
    color: black;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .02rem;
    line-height: 1.2;
}

.fleet-image-text-dockless {
    color: black;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .02rem;
    line-height: 1.2;
}

.small-fleet-image {
    width: 130px;
    margin: auto;
    margin-top: 4%;
}

.large-fleet-image {
    width: 320px;
    margin: auto;
    margin-top: 4%;
}





@media only screen and (max-width: 1018px) {
    .box-phase-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
    }
}



@media only screen and (max-width: 1000px) {

    

    .hamburger-image {
        display: block;
        margin-right: 7%;
        margin-top: -2%;
    }

    .hamburger {
        display: block;
    }

    .navbar-links {
        position: fixed;
        
        left: -100%;
        top: 0;
        overflow-x: hidden;
        overflow: hidden;
        flex-direction: column;
        
        background-color: black;
        height: 100%;
        width: 100%;
        
        text-align: center;
        z-index: 1;
        

    }

    .navbar-links.active {
        left: 0;
    }

    .close-image.active {
        left: 0;
        display: block;
    }

    .hello {
        margin: 1rem 0;
    }

    .nav-item-link {
        color: white;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: .3rem;
    }

    .navbar-sign-up-button {
        background-color: transparent;
        color: white;
        font-size: 14px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 1.5px;
        width: 300px;
        /* width: 40%; */
        height: 38px;
        /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
        letter-spacing: .3rem;
        border-radius: 12rem;
    }
    
    .navbar-sign-up-button:hover {
        background-color: transparent;
        color: white;
        font-size: 14px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 1.5px;
        width: 300px;
        /* width: 40%; */
        height: 38px;
        /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
        letter-spacing: .3rem;
        border-radius: 12rem;
    }
    
    .navbar-operator-button {
        background-color: transparent;
        color: white;
        font-size: 14px;
        font-weight: 700;
        border-color: #ffffff;
        border-width: 1.5px;
        width: 300px;
        /* width: 40%; */
        height: 38px;
        /* box-shadow: inset 0 0 0.4em 0 white, 0 0 0.4em 0 white; */
        letter-spacing: .3rem;
        border-radius: 12rem;
    }
    
    .navbar-operator-button:hover {
        background-color: transparent;
        color: white;
        font-size: 14px;
        font-weight: 700;
        border-color: #ffffff;
        border-width: 1.5px;
        width: 300px;
        /* width: 40%; */
        height: 38px;
        /* box-shadow: inset 0 0 0.4em 0 white, 0 0 0.4em 0 white; */
        letter-spacing: .3rem;
        border-radius: 12rem;
    }



}

@media only screen and (max-width: 550px) {

    .navbar-logo {
        width: 112px;
    }

    .hero-text {
        font-weight: 700;
        font-size: 35px;
        line-height: 1.1;
        /* letter-spacing: .1rem; */
    }

    .hero-sign-up-button {
        background-color: transparent;
        color: white;
        font-size: 11px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 2.5px;
        width: 360px;
        /* width: 40%; */
        height: 39px;
        /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
        letter-spacing: .3rem;
        border-radius: 12rem;
        margin-top: 10%;
    }

    .hero-sign-up-button:hover {
        background-color: transparent;
        color: white;
        font-size: 11px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 2.5px;
        width: 360px;
        /* width: 40%; */
        height: 39px;
        /* box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE; */
        letter-spacing: .3rem;
        border-radius: 12rem;
        margin-top: 10%;
    }

    .explainer-sign-up-button {
        background-color: transparent;
        color: white;
        font-size: 11px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 1.75px;
        width: 98%;
        /* width: 80%; */
        height: 39px;
        box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
        letter-spacing: .3rem;
        border-radius: 12rem;
        margin-top: 7%;
    }

    .explainer-sign-up-button:hover {
        background-color: transparent;
        color: white;
        font-size: 11px;
        font-weight: 700;
        border-color: #2DFDFE;
        border-width: 1.75px;
        width: 98%;
        /* width: 80%; */
        height: 39px;
        box-shadow: inset 0 0 0.4em 0 #2DFDFE, 0 0 0.4em 0 #2DFDFE;
        letter-spacing: .3rem;
        border-radius: 12rem;
        margin-top: 7%;
    }

    .city-contact-button {
        font-size: 11px;
        border-width: 1.75px;
        /* width: 360px; */
        width: 98%;
        height: 39px;
        margin-top: 9%;
    }

    .city-contact-button:hover {
        font-size: 11px;
        border-width: 1.75px;
        /* width: 360px; */
        width: 98%;
        height: 39px;
        margin-top: 9%;
    }

    .works-text {
        font-size: 9px;
    }
    
    .safety-text {
        font-size: 9px;
    }
    
    .how-works-image {
        /* width: 35px; */
    }
    
    .how-works-title {
        color: white;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: .6rem;
        margin-top: 4%;
    }

    .footer-logo {
        width: 100px;
    }
    
    .social-container {
        margin-top: 5%;
    }

    .instagram-image {
        width: 27px;
    }
    
    .twitter-image {
        width: 20px;
    }
    
    .terms-privacy-container {
        margin-top: 5%;
    }

    .copyright-text {
        margin-top: 5%;
    }

    .safety-image {
        /* width: 35px; */
    }

    .safety-title {
        color: white;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: .6rem;
        margin-top: 4%;
    }

    .safety-title-city {
        color: white;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: .2rem;
        margin-top: 4%;
    }

    .hero-subtext {
        color: white;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: .03rem;
        margin-top: 2%;
    }

    .explainer-title-one {
        color: #2DFDFE;
        font-weight: 600;
        font-size: 25px;
        letter-spacing: .6rem;
    }
    
    .explainer-title-two {
        color: white;
        font-weight: 600;
        font-size: 25px;
        letter-spacing: .6rem;
        margin-top: -.5%;
    }
    
    .explainer-paragraph {
        color: #dadada;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .05rem;
        margin-top: 5%;
        /* line-height: 1.9; */
    }
    
    .kart-image {
        width: 300px;
    }

    .mission-text {
        font-size: 20px;
        /* letter-spacing: .1rem; */
    }

    .mission-text-two {
        font-size: 20px;
        /* letter-spacing: .2rem; */
        margin-top: 15px;
    }
    
    .livable-text {
        font-size: 20px;
        /* letter-spacing: .1rem; */
    }

    .livable-text-two {
        font-size: 20px;
        /* letter-spacing: .2rem; */
    }


    .cities-text {
        color: #2DFDFE;
        font-weight: 600;
        font-size: 25px;
        letter-spacing: .6rem;
    }

    .cities-subtext-one {
        color: #6D6D6D;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .1rem;
        line-height: 1.9;
        margin-top: 7%;
        display: inline-block;
        width: 100%;
    }
    
    .cities-subtext-two {
        color: #6D6D6D;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .1rem;
        line-height: 1.9;
        margin-top: 5%;
        width: 100%;
        display: inline-block;
    }
    
    .cities-email-text {
        color: #6D6D6D;
        /* color: #6D6D6D;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: .4rem;
        line-height: 1.9;
        margin-top: 2%;
        width: 75%;
        display: inline-block; */
    }
    
    .city-backdrop-image {
        display: none;
    }

    .city-backdrop-image-mobile {
        bottom: 0px;
        margin-top: 7%;
        display: block;
    }

    .how-works-subtitle {
        color: #adadad;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: .05rem;
        line-height: 1.5;
        margin-top: 3%;
    }

    .safety-subtext {
        color: #ffffff;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: .05rem;
        line-height: 1.5;
        margin-top: 3%;
        display: inline-block;
        width: 100%;
    }

    .how-works-subtitle-safety {
        color: #adadad;
        font-weight: 400;
        font-size: 15px;
        letter-spacing: .05rem;
        line-height: 1.5;
        margin-top: 3%;
    }
    
    .how-works-subtitle-caution {
        color: #4b4b4b;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .1rem;
        line-height: 1.9;
        margin-top: 3%;
    }

    .operator-subtext-one {
        color: #888888;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: .05rem;
        line-height: 1.9;
        margin-top: 3%;
        display: inline-block;
        width: 100%;
    }

    .input-label-text {
        color: #B4B4B4;
        font-weight: 500;
        font-size: 10px;
        letter-spacing: .4rem;
    }

    .operator-input {
        background-color: #000000;
        border-color: #b4b4b4;
        border-radius: 30px;
        border-width: 1.25px;
        margin-top: 1%;
    }

    .operator-sign-up-button {
        font-size: 11px;
        border-width: 1.75px;
        /* width: 360px; */
        width: 97%;
        height: 39px;
        margin-top: 7%;
    }

    .operator-sign-up-button:hover {
        font-size: 11px;
        border-width: 1.75px;
        /* width: 360px; */
        width: 97%;
        height: 39px;
        margin-top: 7%;
    }

    .blog-date-text {
        color: #6D6D6D;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: .4rem;
        margin-top: 5%;
        line-height: 1.9;
    }
    
    .blog-bold-text {
        color: #ffffff;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: .3rem;
        margin-top: 5%;
        line-height: 1.9;
    }
    
    .blog-paragraph-text {
        color: #b5b5b5;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .1rem;
        margin-top: 4%;
        line-height: 1.9;
    }

    .blog-small-title {
        color: #b5b5b5;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: .3rem;
        margin-top: 5%;
        line-height: 1.9;
    }

    .launch-countdown-text {
        color: #b5b5b5;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: .2rem;
        line-height: 1.9;
        /* margin-top: 1%; */
        /* width: 75%;
        display: inline-block; */
    }

    .countdown-number {
        color: #b5b5b5;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: .3rem;
    }
    
    .countdown-title {
        color: #b5b5b5;
        font-weight: 300;
        font-size: 13px;
        letter-spacing: .3rem;
    }

    .team-pic {
        width: 120px;
    }

    .team-pic-n {
        width: 130px;
    }


    .meet-team-text {
        color: white;
        font-weight: 600;
        font-size: 25px;
    }
    
    .meet-team-subtext {
        color: white;
        font-weight: 300;
        font-size: 20px;
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 13px;
    }
    
    .meet-team-subtext-two {
        color: white;
        font-weight: 300;
        font-size: 20px;
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 13px;
    }

    .how-works-two-title {
        color: #2DFDFE;
        font-weight: 700;
        font-size: 35px;
    }

    .how-works-two-pic {
        width: 40px;
        margin-top: 5%;
    }
    
    .how-works-two-subtext {
        color: white;
        font-weight: 300;
        font-size: 14px;
        /* width: 50%; */
        margin-top: 1%;
    }

    .show-use-mobile {
        display: none;
    }

    .hide-use-mobile {
        display: block !important;
    }

    .use-case-pic {
        width: 300px;
        margin-top: 14px !important;
        margin: auto;
    }

    .mobile-background {
        display: block;
    }

    /* .myvideo {
        display: none;
    } */

    .first-title {
        color: #ffffff;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: .1rem;
        line-height: 1.2; 
    }

    .first-paragraph {
        color: #ffffff;
        font-weight: 300;
        font-size: 16px;
        letter-spacing: .05rem; 
        margin-top: 3%;
        line-height: 1.2;
    }
    
    .first-paragraph-teal {
        color: #2DFDFE;
        font-weight: 300;
        font-size: 16px;
        letter-spacing: .05rem; 
        /* margin-top: 3%; */
        line-height: 1.2;
    }

    .fleet-size-text {
        color: black;
        font-weight: 300;
        font-size: 16px;
        /* letter-spacing: .05rem; */
        line-height: 1.2; 
    }
    
    .fleet-size-text-teal {
        color: black;
        font-weight: 600;
        font-size: 16px;
        /* letter-spacing: .05rem; */
        line-height: 1.2; 
    }
    
    .fleet-image-text-nav {
        color: black;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: .02rem;
        line-height: 1.2;
    }
    
    .fleet-image-text-dockless {
        color: black;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: .02rem;
        line-height: 1.2;
    }

    .small-fleet-image {
        width: 130px;
        margin: auto;
        margin-top: 2%;
    }
    
    .large-fleet-image {
        width: 320px;
        margin: auto;
        margin-top: 2%;
    }

    

}