@media screen and (max-width: 800px) {
  header .menu-bar .logo-and-desktop-nav {
    width: 20%;
  }
  header .menu-bar .logo-and-desktop-nav .desktop-nav {
    display: none;
  }
  header .menu-bar .subscribe img {
    display: block;
  }
  header .hero-section {
    width: 100%;
    text-align: center;
  }
  header .hero-section h1 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 20px 0;
  }
  header .hero-section h1 span {
    font-weight: bolder;
  }
  header .hero-section p {
    font-size: 0.6em;
  }
  header .hero-section form {
    width: 80%;
  }
  header .hero-section form input {
    width: 100%;
  }
  header .hero-img {
    position: static;
    max-width: 80%;
    max-height: none;
    margin: 30px auto;
    display: flex;
    justify-content: center;
  }
  header .hero-img img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .how-it-work .how-it-work-title-div {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .how-it-work .how-it-work-title-div .how-it-work-title {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .how-it-work .how-it-work-title-div .how-it-work-view-all {
    width: auto;
  }
  .how-it-work .how-it-work-title-div.how-it-work-2nd .how-it-work-title {
    text-align: start;
    margin-bottom: 0px;
  }
  .how-it-work .how-it-work-content {
    justify-content: center;
  }
  .how-it-work .how-it-work-content section {
    flex: 80% 0 0;
    justify-content: center;
    padding: 10px 25px;
  }
  .how-it-work .how-it-work-content section h5, .how-it-work .how-it-work-content section p {
    text-align: center;
  }
  .how-it-work .how-it-work-content.one-row {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 50px;
  }
  .how-it-work .how-it-work-content.one-row section {
    flex: 80% 0 0;
    margin: 20px 10%;
  }
  .how-it-work .how-it-work-footer {
    margin-top: 50px;
  }
  .how-it-work .how-it-work-footer figure {
    display: none;
  }
  .how-it-work .how-it-work-footer .how-it-work-footer-text {
    text-align: center;
    width: 100%;
    justify-content: center;
    margin: 50px 5%;
  }
  .how-it-work .how-it-work-footer .how-it-work-footer-text .skills {
    width: 100%;
    flex-wrap: wrap;
  }
  .how-it-work .how-it-work-footer .how-it-work-footer-text .skills div {
    text-align: start;
    width: 100%;
    justify-content: start;
  }
  .how-it-work .how-it-work-footer-video {
    flex-wrap: wrap;
    align-items: center;
  }
  .how-it-work .how-it-work-footer-video .main-video {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .how-it-work .how-it-work-footer-video figure {
    width: 100%;
  }
  .how-it-work .how-it-work-footer-video figure figcaption {
    width: 100%;
    margin-left: 0;
  }
  .how-it-work .how-it-work-footer-video .switch-between-videos {
    display: none;
  }
  .our-features div {
    flex-wrap: wrap;
  }
  .our-features div section {
    width: 100%;
  }
  .our-features div section div {
    width: 80%;
    margin: 10px 10%;
  }
  .our-features div section figure {
    width: 80%;
    margin-top: 100px;
  }
  .download-app div h4 {
    font-size: 1.25em;
  }
  .pricing .pricing-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .pricing .pricing-content section {
    flex: 90% 0 1;
    padding: 30px 5%;
    margin: 50px 0;
  }
  .customers-feedback {
    width: 80%;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 2.5%;
  }
  .customers-feedback figure {
    width: 100%;
    margin-bottom: 30px;
  }
  .customers-feedback figure img {
    width: 30%;
  }
  .customers-feedback .message {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .customers-feedback .message div {
    display: none;
  }
  footer.flex .footer-links {
    flex-wrap: wrap;
    align-items: center;
    padding: 50px 0;
  }
  footer.flex .footer-links div {
    text-align: center;
  }
  footer.flex .footer-links .brand, footer.flex .footer-links .contact {
    flex: 100% 1 0;
    justify-content: center;
  }
  footer.flex .footer-links .brand div {
    width: auto;
    justify-content: center;
    margin-top: 20px;
  }
  footer.flex .footer-links .brand div a {
    margin: 0 5px 10px;
  }
  footer.flex .footer-links .navigation {
    flex-wrap: wrap;
    flex: 100% 1 0;
    justify-content: center;
    align-items: center;
  }
  footer.flex .footer-links .navigation div {
    width: 100%;
    margin: 20px 0;
  }
  footer.flex .app-copyright {
    flex-wrap: wrap;
    justify-content: center;
  }
  footer.flex .app-copyright .app-links {
    width: 100%;
    margin-bottom: 20px;
  }
  header .hero-section .download-app {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0;
  }
  header .hero-section .download-app .download-link {
    justify-content: center;
  }
  header .hero-section .feedback-customers {
    width: 100%;
    justify-content: center;
    margin: 30px 0;
  }
  header .hero-section .feedback-customers .customers {
    justify-content: center;
  }
  header .hero-section .feedback-customers .feedback {
    text-align: center;
  }
}
@media screen and (max-height: 700px) {
  header {
    height: auto;
  }
}
@media screen and (max-width: 800px) and (max-height: 700px) {
  header {
    height: auto;
  }
  header .hero-img {
    max-width: 100px;
    max-height: 100px;
  }
}
@media screen and (max-width: 800px) and (min-height: 800px) {
  header .hero-img {
    max-width: 400px;
    max-height: 400px;
  }
}
@media screen and (max-width: 500px) {
  .how-it-work .how-it-work-footer-video .main-video .play-video {
    top: 30px;
  }
}
@media screen and (max-width: 300px) {
  body {
    font-size: 15px;
  }
  header {
    height: auto;
  }
  header .menu-bar .subscribe a {
    display: none;
  }
  header .hero-img {
    display: none;
  }
  .how-it-work .how-it-work-footer-video .main-video .play-video {
    display: none;
  }
  .download-app .download-link {
    flex-wrap: wrap;
  }
  .download-app .download-link div {
    width: 80%;
    padding: 0;
    margin: 0;
  }
  .customers-feedback figure img {
    width: 90%;
  }
  footer.flex .app-copyright .app-links {
    flex-wrap: wrap;
  }
  footer.flex .app-copyright .app-links div {
    margin-bottom: 10px;
  }
}/*# sourceMappingURL=media.css.map */