@media (min-width:1200px) {
  .intro .intro-text {
    width: 45%;
  }
}

@media (min-width:992px) {
  .intro .intro-text {
    left: 0;
    width: 50%;
    margin-top: 3rem;
    position: absolute;
  }
}

.bg-faded {
  background-color: hsla(0,0%,100%,.85);
}

.intro {
  position: relative;
}

@media (min-width:992px) {
  .intro .intro-img {
    width: 55%;
    float: right;
  }
}

@media (min-width:992px) {
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0!important;
  }
}

.mb-3, .my-3 {
  margin-bottom: 1rem!important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem!important;
}

.rounded {
  border-radius: .25rem!important;
}

.img-fluid, .img-thumbnail {
  max-width: 100%;
  height: auto;
}

img, svg {
  vertical-align: middle;
}

img, svg {
  vertical-align: middle;
}

img {
  border-style: none;
}

.p-5 {
  padding: 1rem!important;
}