.header-wrap-inner {
  position: relative;
  height: 50vh;
  min-height: 400px;
  background: url("https://www.helpinghandsofcentralflorida.com/wp-content/themes/helpinghands/images/bkd-header.jpg") 50% 50%;
  background-size: cover; }
  @media (max-width: 520px) {
    .header-wrap-inner {
      min-height: auto;
      height: auto; } }

.header-tagline {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  font-size: 2.1em;
  max-width: 560px; }
  @media (max-width: 520px) {
    .header-tagline {
      position: static;
      bottom: auto;
      left: auto;
      padding: 2rem 0;
      font-size: 1.5em; } }

.hp-callout-wrap {
  background: #00a7ba url("https://www.helpinghandsofcentralflorida.com/wp-content/themes/helpinghands/images/bkd-hp-callout-bar.jpg") 50% 50% repeat-x;
  background-size: 0.75% 100%;
  border-top: 4px solid #ffcd34; }

.hp-callout-wrap-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #fff; }
  @media (max-width: 600px) {
    .hp-callout-wrap-inner {
      padding: 1rem; } }

.hp-callout {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  margin: 0.5rem 0; }
  @media (min-width: 600px) {
    .hp-callout {
      width: 50%;
      margin: 1rem 0; } }
  @media (min-width: 960px) {
    .hp-callout {
      width: 33.33%;
      margin: 0; } }

.hp-callout-image {
  width: 30%;
  padding: 1.25rem;
  background: #782b90;
  border-radius: 1000px;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
  line-height: 0; }
  @media (max-width: 600px) {
    .hp-callout-image {
      width: 15%;
      padding: 0.75rem; } }
  .hp-callout:nth-child(3) .hp-callout-image img {
    -webkit-transform: translateX(8%);
    transform: translateX(8%); }

.hp-callout-text {
  width: 70%;
  padding: 0 1rem; }

.hp-about-section {
  max-width: 960px;
  margin: 4rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }

.hp-about-image {
  width: 30%;
  height: 340px; }
  @media (max-width: 500px) {
    .hp-about-image {
      display: none; } }
  .hp-about-image img {
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2); }

.hp-about-content {
  width: 70%;
  padding: 0 2rem; }
  @media (max-width: 500px) {
    .hp-about-content {
      width: 100%; } }

.hp-services-wrap {
  background: #f4f4f4; }

.hp-services-wrap-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 4rem 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.hp-service {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 3rem; }
  @media (min-width: 600px) {
    .hp-service {
      width: 50%; } }
  @media (min-width: 960px) {
    .hp-service {
      width: 33.33%; } }

.hp-service-icon {
  width: 20%; }

.hp-service-text {
  width: 80%;
  padding: 0 1rem; }
  .hp-service-text h2 {
    font-size: 1.25em;
    margin: 0; }

.hp-services-more-link {
  padding: 0 3rem 3rem;
  text-align: center; }

/*# sourceMappingURL=home.css.map */