@media (width <= 1600px) {
  .mpg .persona .persona-element {
    width: 14%;
  }

  .mpg .mpg-research .flowchart-element {
    left: -15%;
  }
}

@media (width <= 1440px) {
  .mpg .mpg-research .flowchart-element {
    left: -5%;
  }

  .mpg h1 {
    font-size: 65px;
  }

  .mpg .mpg-title:before {
    height: 80px;
    top: -100px;
  }
}

@media (width <= 1366px) {
  .mpg .mpg-banner .banner-laptop {
    height: 90vh;
  }

  .mpg h2 {
    font-size: 35px;
  }

  .mpg h3 {
    font-size: 25px;
    font-weight: 700;
  }
}

@media (width <= 1024px) {
  .mpg .visual-design .typography-section .type-content {
    font-size: 20px;
  }
}

@media (width <= 980px) {
  .mpg .mpg-banner .banner-laptop {
    height: 65vh;
  }

  .mpg .persona .mpg-user {
    margin-top: 40px;
  }

  .mpg .mpg-research .flowchart-element {
    left: -15%;
  }

  .mpg .wireframe .wireframe2 {
    margin-top: 40px;
  }

  .mpg .mpg-brief .brief-section {
    margin-top: 50px;
  }

  .mpg .mpg-research {
    margin-top: 150px;
    position: relative;
  }
}

@media (width <= 800px) {
  .mpg .visual-design .typography-section .type-content {
    font-size: 18px;
  }
}

@media (width <= 768px) {
  .pl-0 {
    padding-left: 15px !important;
  }

  .mpg .mpg-banner .banner-laptop {
    height: 46vh;
  }

  .mpg .mpg-brief .brief-section {
    margin-top: 80px;
  }

  .mpg .mpg-text-left {
    padding-left: 15px;
  }

  .mpg .challenge-element {
    display: none !important;
  }

  .mpg .mpg-brief .row .col-lg-4 {
    margin-top: 20px;
  }

  .mpg h3 {
    margin-bottom: 10px;
  }

  .mpg .persona .mpg-user {
    padding-left: 15px;
  }

  .mpg .mpg-research .user-list p:before {
    width: 8px;
    height: 8px;
  }

  .mpg .mpg-title:before {
    height: 60px;
    top: -80px;
  }

  .mpg .mt-80 {
    margin-top: 50px;
  }

  .mpg .mt-200 {
    margin-top: 150px;
  }

  .mpg .px40, .mpg h2 {
    font-size: 30px;
  }

  .mpg h3 {
    font-size: 20px;
  }

  .mpg h1 {
    font-size: 45px;
  }
}

@media (width <= 640px) {
  .mpg .line-p {
    margin-left: 10px;
  }

  .mpg .challenge-section .mpg-number {
    font-size: 30px;
  }

  .mpg .mpg-research .flowchart-element {
    left: -10%;
  }
}

@media (width <= 480px) {
  .mpg .mpg-banner .banner-title {
    font-size: 60px;
  }

  .mpg .mpg-banner .banner-laptop {
    height: auto;
    margin-bottom: 40px;
  }

  .mpg .visual-design .mpg-icons {
    text-align: center;
    margin-top: 40px;
  }

  .mpg .visual-design .mpg-icon {
    margin-top: 40px;
  }

  .mpg .visual-design .mpg-vector {
    margin-top: 20px;
  }
}
/*# sourceMappingURL=responsive-mpg.css.map */