@media (min-width: 320px) {

  #intro {
    padding-top: 150px;
  }

  .carousel-track {
    position: relative;
    width: 100%;
    height: 50vh;
  }

}

@media (min-width: 576px) {
  #intro {
    padding-top: 120px;
  }

  .intro-title-text {
    font-size: 30px;
  }

  .intro-title-wrapper img {
    height: 30px;
  }

}

@media (min-width: 768px) {
  .intro-title-text {

    font-size: 40px
  }

  .intro-title-wrapper img {
    height: 30px;
  }

}

@media (min-width: 992px) {}

@media (min-width: 1200px) {

  #intro {
    padding-top: 120px;
    padding-bottom: 0px;
    justify-content: flex-start;
  }

  .intro-title-text {
    font-size: 36px
  }

  .intro-title-wrapper img {
    height: 32px;
  }

  .intro-content {
    display: block;
    position: relative;
    flex-direction: row;
    height: 100vh;
  }

  .intro-info {
    position: absolute;
    top:40%;
    left: 16%;
    transform: translate(-50%,-50%);
    width: 500px;
    order: 1;
  }

  .carousel {
   position: absolute;
    top:45%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: auto;
    width: 38%;
    order: 2;
  }

  .carousel-track {
    height: 70vh;
  }

  .intro-spacer {
    flex: 30;
    display: block;
    order: 3;
  }

  .carousel-btn {
    width: 100px;
    height: 100px;
  }

  .dot-wrapper img {
    width: 70px;
    height: 70px;
  }
}

@media (min-width: 1452px) {}