#main-image {
  background-image: linear-gradient(to right, #f7d06d, #f89a49);
}

#navbar-logo {
  background: url(/img/logo-white.png) no-repeat;
  background-size: cover;
}

.main-header-image {
  height: 200px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
  margin-bottom: 45px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 25px 15px rgba(0, 0, 0, 0.1);
}

#reference-1-image {
  background-image: url(/img/reference/reference-1.png);
  background-position: center top;
}

#reference-2-image {
  background-image: url(/img/reference/reference-2.png);
  background-position: center top;
}

#reference-3-image {
  background-image: url(/img/reference/reference-3.png);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #reference-1-image {
    background-position: center;
  }
  #reference-2-image {
    background-position: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #reference-1-image {
    background-position: center -40px;
  }
  #reference-2-image {
    background-position: center -51px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #reference-1-image {
    background-position: center -66px;
  }
  #reference-2-image {
    background-position: center -76px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #reference-1-image {
    background-position: center -164px;
  }
  #reference-2-image {
    background-position: center -146px;
  }
}
@media only screen and (min-width: 1400px) {
  #reference-1-image {
    background-position: center -270px;
  }
  #reference-2-image {
    background-position: center -236px;
  }
}
#service-interested {
  margin-top: 45px;
  margin-bottom: 72px;
}

#service-interested .standard-button {
  width: 355px;
}

@media only screen and (max-width: 575px) {
  #service-interested .standard-button {
    width: auto;
  }
  #services-button {
    width: auto;
  }
}/*# sourceMappingURL=reference.css.map */