/*
Dk Blue:   #398DC2
Lt Blue:   #4AC3E4

Dk Purple: #B176B2
Md Purple: #C7A2CC
Lt Purple: #E8C8DF

Dk Orange: #F58020
Md Orange: #F7941D
Lt Orange: #EFBA44

Gray:  #555555

/* CONSTANT CONTACT
-------------------------------------------------------------*/
#ctct_form_0 h2 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  color: #FFF;
  font-family: "Cervo-Medium";
  font-weight: 400;
  text-transform: uppercase;
  display: inline-flex;
  max-width: 70%;
  padding: 8px 12px 8px 12px;
  margin: 12px 0 22px 0;
  transform: skew(-20deg);
  transform: rotate(-3deg);
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .2);
  background-color: #F58020;
}
/* SECTION 1
-------------------------------------------------------------*/
#home-s1 {
  background-color: #F58020;
  padding: 48px 0 48px 0;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -o-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .3);
  color: #FFF;
}
#home-s1-content {
  display: flex;
  justify-content: space-between;
}
#home-s1-content img {
  width: 50%;
  height: auto;
}
#home-s1-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
  gap: 30px;
}
/* SECTION 2
-------------------------------------------------------------*/
#home-s2 {
  position: relative;
  width: 100%;
  background-color: white;
  overflow: hidden;
}
#home-s2-text {
  margin-top: 48px;
}
#home-s2-text img {
  width: 85px;
  height: 85px;
  border: #4AC3E4 solid;
  border-radius: 50%;
  margin-right: 24px;
}
.home-s2-text-box {
  width: 50%;
  display: flex;
  margin-bottom: 48px;
}
.home-s2-text-box h2 {
  color: #555555;
  font-size: 1.6rem;
  line-height: 2.0rem;
  font-family: "Cervo-Medium";
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.home-s2-text-box p {
  margin: 0;
}
#home-s2-dave {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}
#home-s2-dave img {
  height: 100%;
  opacity: .4;
}
/* SECTION 3
-------------------------------------------------------------*/
#home-s3 {
  background-color: #EFBA44;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  -o-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .3);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .3);
}
#home-s3-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
#home-s3-content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 12px 0;
}
#home-s3-right, #home-s3-left {
  width: 48%
}
#home-s3-left img {
  width: 100%
}
#home-s3-bottom {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: center;
}
#home-s3-bottom h3 {
  width: 100%;
  text-transform: uppercase;
}
.numBox {
  padding: 18px 2% 18px 2%;
  background-color: #FFF;
  text-align: center;
  min-height: 90px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, .2);
  width: 26%;
}
.numBox span {
  display: block;
  font-size: 1.0rem;
  line-height: 1.2rem;
}
.numBox div {
  font-size: 5.0rem;
  line-height: 5.1rem;
  font-family: "Cervo-Medium";
}
/* PARTNERS
-------------------------------------------------------------*/
#partners {
  border-top: 1px solid #666;
  padding: 48px 0 48px 0;
  text-align: center;
}
#partners h2 {
  margin: 12px 0 36px 0;
}
#partners img {
  margin: 12px 30px 12px 30px;
}
/* MEDIA QUERIES
-------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  #home-s2-dave {
    left: 100px;
  }
  .numBox div {
    font-size: 3.0rem;
    line-height: 3.1rem;
  }
}
@media only screen and (max-width: 749px) {
  #home-s1-content img, #home-s1-text {
    width: 100%
  }
  #home-s1-content {
    flex-direction: column;
    align-items: center;
  }
  .home-s2-text-box {
    width: 100%;
  }
  #home-s2-dave {
    display: none;
  }
  #home-s3-top {
    flex-direction: column-reverse;
  }
  #home-s3-right, #home-s3-left {
    width: 100%
  }
  #home-s3-content {
    flex-direction: column;
  }
  .numBox {
    width: 25%;
  }
  .numBox div {
    font-size: 2.0rem;
    line-height: 2.1rem;
  }
}