/* Brand colors */
/* Fonts */
/* Mixins */
@media screen and (max-width: 1210px) {
  #investment h2 {
    margin-top: 45px;
  }
  #investment .pricing-boxes .package h6 {
    font-size: 24px;
  }
  #investment .pricing-boxes .package h6 a {
    margin-top: 5px;
    font-size: 18px;
  }
  #investment #weddings .package {
    min-height: 278px;
  }
  #investment #elopements .package {
    min-height: 313px;
  }
  #investment #headshots .package {
    min-height: 180px;
  }
}
@media screen and (max-width: 945px) {
  #home .text-and-image h3 {
    margin-bottom: 30px;
    font-size: 48px;
    transform: none;
  }
  #home .text-and-image img {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 22px;
  }

  .site-container, footer .site-container {
    margin: 20px auto;
    padding-bottom: 0;
  }

  .site-container {
    padding-top: 78px;
  }

  #app {
    padding-bottom: 199px;
  }

  header {
    justify-content: center;
    padding: 30px 0 0;
  }
  header a {
    margin: 0 10px;
  }
  header.reg-page {
    padding-top: 15px;
  }

  #home {
    padding-bottom: 0;
  }
  #home h1 {
    margin-top: 35px;
  }
  #home .intro-slide.six {
    background-position: center left 53%;
  }
  #home .intro-slide.eight {
    background-position: center left 63%;
  }
  #home .main {
    width: 95%;
  }
  #home .separator {
    width: 55px;
    margin: 35px auto;
  }
  #home .quote .text {
    width: 100%;
    max-width: 560px;
    padding: 0 10px;
    font-size: 22px;
  }
  #home .text-and-image {
    display: block;
    text-align: center;
  }
  #home .text-and-image img {
    width: 100%;
    max-width: 350px;
  }
  #home .text-and-image .text {
    margin: 0;
  }

  #investment h2 {
    margin-top: 22px;
    font-size: 24px;
  }
  #investment .pricing-boxes {
    display: block;
  }
  #investment .pricing-boxes .pricing-box {
    width: 95%;
    margin: 0 auto;
  }
  #investment .pricing-boxes .package h6 {
    font-size: 28px;
  }
  #investment #weddings .package, #investment #elopements .package, #investment #headshots .package {
    min-height: 0;
    padding-bottom: 28px;
  }
  #investment .pricing-note {
    margin-bottom: 38px;
  }
  #investment #letsConnectBtn {
    margin-top: 15px;
  }

  #contact iframe {
    width: 100%;
  }

  footer .footer-links {
    padding-left: 15px;
  }
  footer .footer-links a {
    display: block;
    margin-left: 0;
  }
  footer .copyright {
    padding-left: 15px;
  }
}