@media screen and (max-width: 1600px) {
  .content-wrap {
      width: 80vw;
  }

  .headline {
    font-size: 32px;
    max-width: 640px;
  }

  .tagline, .tagline .label-card {
    font-size: 16px;
  }

  .select-work p {
    font-size: 24px;
    /* flex-basis: 6em; */
  }
}

@media screen and (max-width: 1090px) {
  .content-wrap {
    width: 100vw;
  }

  .container {
    width: 100vw;
    height: 50vw;
    padding: 1vw 3vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .text {
    font-size: 18px;
  }
  .about-image img {
    padding: 0 0 40px 0;
  }
  .sub-text {
    font-size: 14px;
  }

  .mighty-icon img {
    width: 100px;
  }

  .city-icon img {
    width: 100px;
  }

  .vera-icon img {
    width: 200px;
  }

  .expedia-icon img {
    width: 200px;
  }

  .uber-icon img {
    width: 200px;
  }

  .coco-icon img {
    width: 100px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    width: 100vw;
    height: 200vw;
    padding: 2.5vw 5vw;
    display: flex;
    flex-direction: column;
  }

  .top-nav {
    padding: 50px 45px;
    margin: 0;
    width: 100vw;
  }

  .thumb-link {
    text-decoration: none;
  }

  .text {
    font-size: 24px;
  }

  .sub-text {
    font-size: 18px;
  }
  .about-image img {
    padding: 0 0 40px 0;
  }

  .mighty-icon img {
    width: 150px;
  }

  .city-icon img {
    width: 150px;
  }

  .vera-icon img {
    width: 300px;
  }

  .expedia-icon img {
    width: 300px;
  }

  .uber-icon img {
    width: 300px;
  }

  .coco-icon img {
    width: 150px;
  }

  .section-content-video > div > iframe {
    width: 500px;
    height: 320px;
  }
}

@media screen and (max-width: 511px) {
  .container {
    width: 100vw;
    height: 200vw;
    padding: 2.5vw 5vw;
    display: flex;
    flex-direction: column;
  }

  .thumb-link {
    text-decoration: none;
  }

  .text {
    font-size: 18px;
  }
  .sub-text {
    font-size: 14px;
  }
  .icon img {
    width: 100px;
  }
  .top-nav {
    padding: 30px;
    width: 100vw;
  }
  .nav-element a {
    font-size: 16px;
  }
  .introduction {
    font-size: 36px;
    padding: 30px;
    margin-bottom: 40px;
  }
  .about-container {
    padding: 0 20px;
  }
  .about-image img {
    padding: 0 0 0 0;
  }

  .mighty-icon img {
    width: 100px;
  }

  .city-icon img {
    width: 100px;
  }

  .vera-icon img {
    width: 200px;
  }

  .expedia-icon img {
    width: 200px;
  }

  .uber-icon img {
    width: 200px;
  }

  .coco-icon img {
    width: 100px;
  }

  .footer {
    padding: 30px;
  }
  .footer-text {
    font-size: 14px;
  }

  .section-content-video > div > iframe {
    width: 320px;
    height: 200px;
  }

  .section-element-proto > img {
    width: 320px;
  }
}

@media screen and (max-width: 359px) {
  .content-wrap {
    width: 100vw;
  }
  .container {
    width: 100vw;
    height: 200vw;
    padding: 2.5vw 4vw;
    display: flex;
    flex-direction: column;
  }

  .thumb-link {
    text-decoration: none;
  }

  .text {
    font-size: 18px;
  }
  .sub-text {
    font-size: 14px;
  }
  .icon img {
    width: 100px;
  }
  .top-nav {
    padding: 0px;
    flex-direction: column;
    align-items: center;
  }
  .logo {
    margin: 20px auto;
  }

  .nav-collection {
    width: 100%;
    padding: 0 20px 0 43px;
    justify-content: space-between;
  }

  .nav-element a {
    font-size: 16px;
    padding: 0px;
  }
  .selected-nav a {
    font-size: 16px;
    padding: 0px;
  }
  .introduction {
    font-size: 32px;
    padding: 30px;
    margin-bottom: 40px;
    text-align: center;
  }
  .about-container {
    padding: 0 20px;
  }
  .about-image img {
    padding: 0 0 0 0;
  }
  .mighty-icon img {
    width: 100px;
  }

  .city-icon img {
    width: 100px;
  }

  .vera-icon img {
    width: 200px;
  }

  .expedia-icon img {
    width: 200px;
  }

  .uber-icon img {
    width: 200px;
  }

  .coco-icon img {
    width: 100px;
  }

  .footer {
    padding: 30px;
    justify-content: center;
  }
  .footer-text {
    font-size: 14px;
  }
}