.highlight{
    background-color: var(--darkGreen);
}

.home-contact.contact{
    background-image: linear-gradient( var(--lightWhite), var(--lightGreen));
    padding-top: 200px;
}


.calendly-area{
    background-image: linear-gradient( var(--lightGreen), var(--lightWhite));
    height: 930px;
  padding: 150px;
  padding-top: 100px;

}

.lmtWIHO_gkbTeeyuvoJC.mOUYF5ZmuNL6I7t0mSFg{
    background-color:none!important;

}

.col-8.cal{
justify-content: center;
}

.cal-div{
    height: 350px;
    width: 600px;
    padding-left: 100px;
    margin-left: 100px;
}
iframe {
    display: block;
    background-color:none!important;
height: 600px;
border-radius: 20px;

}

.calendly-inline-widget.calendly-mobile{
    background-color:none!important;
   
}

.cal-text{
    padding-top: 250px;
}
.cal-text-h5{
    font-family: "Sue Ellen Francisco";
    font-size: 60px;
    padding-bottom: 30px;
}

.cal-text-p{
    font-family: "Kalam";
    font-size: 18px;
    margin: 0;
}


.social-media{
    background-image: linear-gradient( var(--lightWhite), var(--lightGreen));
    padding: 150px;
    padding-top: 50px;
  

}

.social-text{
    padding-left: 15px;
}

.row.align-items-center.justify-align-center.social{

}

.social-text-h6{
    font-family: "Sue Ellen Francisco";
    font-size: 60px;
    padding-bottom: 30px;
}

.social-text-p{
    font-family: "Kalam";
    font-size: 18px;
    margin: 0;
}

/*/////////////////////
Social Buttons
////////////////////*/
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');



.col-7.social{

  align-items: center;
  justify-content: center;

  padding-left: 50px;
  

}
.social-ul {
    position: relative;
    display: flex;
    transform: rotate(-25deg) skew(25deg);
    transform-style: preserve-3d;
 }
 .social-li {
   position: relative;
   list-style: none;
   width: 60px;
   height: 60px;
   margin: 0px 20px;
 }
 .social-li:before{
   content: '';
   position: absolute;
   bottom: -10px;
   left: -5px;
   width: 100%;
   height: 10px;
   background: var(--darkGreen);
   trnasform-origin: top;
   transform: skewX(-41deg);
 }
 .social-li:after{
   content: '';
   position: absolute;
   top:5px;
   left: -9px;
   width: 9px;
   height: 100%;
   background: var(--darkGreen);
   trnasform-origin: right;
   transform: skewY(-49deg);
 }
 .social-li span{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex !important;
   background: var(--darkGreen);
   justify-content: center;
   align-items: center;
   color: #fff;
   font-size: 30px !important;
   transition: 1.5s ease-out;
 }
 .social-li:hover span {
   z-index: 1000;
   transition: .3s;
   color: #fff;
   box-shadow: -1px 1px 1px rgba(0, 0, 0, .5);
 }
 .social-li:hover span:nth-child(5){
   transform: translate(40px, -40px);
   opacity: 1;
 }
 .social-li:hover span:nth-child(4){
   transform: translate(30px, -30px);
   opacity: .8;
 }
 .social-li:hover span:nth-child(3){
   transform: translate(20px, -20px);
   opacity: .6;
 }
 .social-li:hover span:nth-child(2){
   transform: translate(10px, -10px);
   opacity: .4;
 }
 .social-li:hover span:nth-child(1){
   transform: translate(0px, 0px);
   opacity: .2;
 }
 .social-li:nth-child(1):hover span{
   background: var(--darkGreen) !important;
 }
 .social-li:nth-child(2):hover span{
   background: var(--darkGreen) !important;
 }
 .social-li:nth-child(3):hover span{
   background: var(--darkGreen) !important;
 }
 .social-li:nth-child(4):hover span{
   background: var(--darkGreen) !important;
 }
 /*/////////////////////
Social Buttons
////////////////////*/

.home-about.con{
    background-image: linear-gradient( var(--lightGreen), var(--lightWhite));
padding-bottom: 0px!important;
height: 500px;
}

@media only screen and (max-width: 1300px) {
  .cal-div{
   margin-left: 0px;
  }
}



@media only screen and (max-width: 1100px) {
.calendly-area,.social-media{
    padding: 50px;
  }
  .social-media{
    padding-bottom: 150px;
    padding-top: 25px;
  }
.cal-text-h5, .social-text-h6{
    font-size: 50px;
  }
 .cal-text-p,.social-text-p{
    font-size: 15px;
  }}

  @media only screen and (max-width: 1000px) {
   
  }

  @media only screen and (max-width: 991px) {
    .home-contact.contact{
      padding-top: 50px;
    }
    .home-about.con{
      height: 730px;
    }
    .col-md-4.col-sm-12.cal-text{
    padding-top: 50px;
    padding-bottom: 30px;
    }

      .cal-div{
        width: 129%;
   margin-left: 0%;
      }

      .row.align-items-center.justify-align-center.social  > :nth-child(1) { order: 2; }
      .row.align-items-center.justify-align-center.social> :nth-child(2) { order: 1; }


      .col-5.social-text{
        text-align: left;
      }
      .col-md-5.col-sm-12.social-text{
        text-align: left;
      }
      .col-7.social{
        padding-top: 30px;
        padding-left: 0;
        margin-left: 31%;
        margin-right: 0;
      }
      .social-media{
        padding-top: 100px;
      }
    
 
  }
 
  @media only screen and (max-width: 850px) {
    .col-7.social{
      margin-left: 27%;
    }
  }
  @media only screen and (max-width: 750px) {
    .col-7.social{
      margin-left: 24%;
      padding-top: 60px;
    }
  }
  @media only screen and (max-width: 650px) {
    .col-7.social{
      margin-left: 22%;
     
    }
  }


@media only screen and (max-width: 696px) {
.cal-text-h5, .social-text-h6{
    font-size: 40px;
  }
  .cal-text-p,.social-text-p{
    font-size: 14px;
  }
  .cal-div{
    padding: 0px;
    width: 151%;
  }
 
  }

  @media only screen and (max-width: 600px) {
    .col-7.social{
      margin-left: 19%;
    }
  }

  @media only screen and (max-width: 550px) {
.calendly-area,.social-media{
      padding: 25px;
      padding-bottom: 50px;
    }}

    @media only screen and (max-width: 500px) {
      .col-7.social{
        margin-left: 15%;
      }
    }

    @media only screen and (max-width: 466px){
.col-md-6.hero, .col-md-4.col-sm-12.cal-text{
    padding: 0px;
}
 .col-md-4.col-sm-12.cal-text{
  padding-bottom: 30px;
}
.calendly-area{
  padding-top: 100px;
}}

@media only screen and (max-width: 450px) {
  .col-7.social{
    margin-left: 12%;
  }
  .social-li:before{
    width: 200%;
  }
  .social-li span{
    width: 200%;
  }
}

@media only screen and (max-width: 388px) {
.calendly-area{
 height: 950px;
  }
}