.salesforce-parallax {
  position: relative;
}
.salesforce-parallax img {
  display: none;
}
.salesforce-parallax .sf-window-1 {
  margin-top: -30px;
  display: block;
}
@media screen and (min-width: 48em) {
  .salesforce-parallax {
    margin-left: 60px;
    height: 400px;
  }
  .salesforce-parallax img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
  }
  .salesforce-parallax .sf-white-cloud {
    top: -40px;
    left: -15px;
  }
  .salesforce-parallax .sf-dark-cloud {
    top: 400px;
    left: 360px;
    display: none;
  }
  .salesforce-parallax .sf-window-0 {
    top: 30px;
    left: -100px;
  }
  .salesforce-parallax .sf-window-1 {
    margin-top: 0;
  }
}
@media screen and (min-width: 48em) and (max-width: 60em) {
  .salesforce-parallax {
    height: 400px;
  }
}
@media (min-width: 60em) {
  .hero-image {
    width: 443px;
    height: 669px;
  }
  .prospector-preview {
    margin-left: -150px;
  }
  .developer-preview {
    max-height: 700px;
  }
}
@media screen and (min-width: 75rem) {
  .salesforce-parallax {
    height: 600px;
  }
  .salesforce-parallax .sf-window-0 {
    top: 30px;
    left: -260px;
  }
  .salesforce-parallax .sf-window-1 {
    max-width: initial;
  }
  .salesforce-parallax .sf-dark-cloud {
    display: block;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in-delayed {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-delayed {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in-delayed {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-delayed {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes slide-in {
  0% {
    transform: translateX(-10%);
  }
  20% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-in {
  0% {
    transform: translateX(-10%);
  }
  20% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes slide-in {
  0% {
    transform: translateX(-10%);
  }
  20% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(-10%);
  }
  20% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes slide-in-delayed {
  0% {
    transform: translateX(-10%);
  }
  40% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes slide-in-delayed {
  0% {
    transform: translateX(-10%);
  }
  40% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes slide-in-delayed {
  0% {
    transform: translateX(-10%);
  }
  40% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-delayed {
  0% {
    transform: translateX(-10%);
  }
  40% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(0);
  }
}