div.testimonial-bordered{
    background-color: #fff; 
    border: 1px solid rgba(246, 109, 46, 0.50); 
    padding: 20px 40px 0 40px;
}

div.box-static {
    padding: 0;
    border-top: 3px solid rgba(246, 109, 46, 1); 
        border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}


.schedule-appt{
    max-width: 300px;
           border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

.new-patient-img {
    background-image: url(/assets/img/page/hp-new-patients.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    min-height:375px;
}

/* ----------------------------------------------------------------------- */
/* LAKE PROMO */
/* ----------------------------------------------------------------------- */

section.lake-promo{ background-color: #393939;}

h2.lake-title{ 
    color: #85C251 !important; 
    font-size: 35px !important; 
    font-family:'Open Sans',Arial,Helvetica,sans-serif !important; 
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:15px;
    text-align: center;
}
.lake-desc{
    color: #ffffff;
    font-size: 18px;
    font-weight:300;
    text-align: center;
}

.lake-desc a.btn{
    background-color: #85C251;
    color: #393939;
    font-weight: bold;
    border-radius: 25px;
}
.lake-desc a.btn:hover{
     background-color: #6ea440;
}


.lake-info-block{
    background-color: #ffffff;
    padding: 10px;
    color: #393939 !important; 
    font-family:'Open Sans',Arial,Helvetica,sans-serif !important; 
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    position: absolute;
    width:100%;
    bottom:0;
    left:0;
}

.lake-info-block span{color: #6ea440;}

/* ----------------------------------------------------------------------- */
/* 9 THINGS */
/* ----------------------------------------------------------------------- */

section.promo-nine{ font-family: 'Goudy','Times New Roman',serif !important; background-color: #F3EED1 }

.promo-nine .nine-img, .promo-nine .nine-figure{ max-width: 450px;  margin: 0 auto;}
.promo-nine .nine-table { }
.promo-nine.nine-number{font-size: 175px; line-height: .5; font-family:'Times New Roman', serif !important; text-align: right; color: #F66D2E; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50); }
.promo-nine.nine-consider{font-size: 45px; line-height: 1.2; text-align: left; color: #F66D2E; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
.promo-nine.nine-child{font-size: 36px; line-height: 1; text-align: left; color: #4b604e; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
.promo-nine.nine-braces{font-size: 36px; line-height: 1; text-align: left; color: #4b604e; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
.promo-nine.nine-desc{font-size: 24px; line-height: 1.2; margin-top: 20px; color:#8C562E; text-shadow:none !important; max-width: 450px;}

/* ----------------------------------------------------------------------- */
/* WHY PINEAPPLE */
/* ----------------------------------------------------------------------- */

.why-pineapple-ttl{
    font-size: 30px;
    text-shadow: 4px 5px 2px #000000;
    color:#ffffff;
    font-family: 'Goudy','Times New Roman',serif !important;
    font-weight: 300;
    line-height:1.1;
}

.why-pineapple-link{
    font-size: 28px;
    color:#ffffff;
    text-shadow: 3px 3px 2px #000000;
    font-family: 'Goudy','Times New Roman',serif !important;
    margin-top: 20px;
    display: block;
}

.why-pineapple-link:hover{
    color: rgba(246, 109, 46, 1);
}

/* *********************************************************************** */
/* DEFAULT MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */

.hp-logo{max-width: 300px;}

.svc-padding{padding: 0;}
.svc-container { margin: 0 auto; position: relative}
.svc-container:hover {cursor: pointer;}

.svc-img{border-top: 5px solid #4b604e ; margin-bottom: 0 !important;}

.svc-title{
    padding: 10px 20px; 
    border-bottom: 5px solid #F66D2E;
    /*position: absolute;*/
    /*bottom: 0;*/
    width: 100%;
}
.svc-title h2 {
    margin-bottom: 0 !important;
   color: #8C562E !important;
   font-weight: 300;
   text-align: center;
}

.svc-title > .img-svc-arrow {
    float: right;
    margin-top:7px;
    width:40px;
    height: 25px;
} 
.svc-title p {}

/* ------------------------ */
/* Extra small <576px       */	
/* ------------------------ */
@media only screen and (max-width: 575px) {

    .hp-logo{max-width: 200px;}

    h1 {font-size: 24px; line-height: 26px;}
    .hp-welcome-head {font-size: 24px; line-height: 26px; margin-bottom: 0;}
     h2.hp-welcome-subhead {font-size: 18px !important; margin-bottom: 20px !important; color: #4b604e !important;}

     .intro-text{
        font-weight: 300;
        font-size:18px;
        margin: 0 auto 40px auto;
        max-width: 80%;
        text-align: center;
    }

    .svc-padding{padding: 0;}
    .svc-container {margin: 0 auto 10px auto; position: relative;}
    .svc-title > .img-svc-arrow {display: none;}
    .svc-title{padding: 5px 20px; width: 100%;}
    .svc-title h2 { font-size: 25px;}

    section.quick-links {padding-left: 10px; padding-right: 10px;}

    .schedule-appt{
        max-width: 250px;
    }

    .promo-nine .nine-img, .promo-nine .nine-figure{ max-width: 400px;}
    .promo-nine .nine-number{font-size: 110px; line-height: .5; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);  }
    .promo-nine .nine-consider{font-size: 25px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine .nine-child{font-size: 20px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine .nine-braces{font-size: 20px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine .nine-desc{font-size: 20px; line-height: 1.2; text-align: center; min-width: 280px; max-width: 400px; margin: 15px auto 0 auto;}

    .why-pineapple-ttl{ font-size: 30px;  text-shadow: 2px 3px 2px #000000;}
    .why-pineapple-link{font-size: 22px; text-shadow: 2px 2px 2px #000000; margin-top: 20px; padding-bottom:40px;}
    .why-pineapple-img{max-width: 200px;}
}


/* ------------------------ */
/* Small ≥576px             */	
/* ------------------------ */
@media only screen and (min-width: 576px) {

    .hp-logo{max-width: 400px;}

    h1 { font-size: 35px; line-height: 38px; margin-bottom: 5px;}
    h1.hp-welcome-head { font-size: 35px;}
    h2.hp-welcome-subhead {font-size: 22px !important; margin-bottom: 40px !important; color: #4b604e !important;}

    .intro-text{
        font-weight: 300;
        font-size:18px;
        margin: 0 auto 40px auto;
        text-align: center;
    }

    .svc-img{max-width: 500px; margin: 0 auto;}
    .svc-padding{padding: 0;}
    .svc-container {max-width: 500px; margin: 0 auto 33px auto; position: relative;}

    .svc-title{max-width: 500px; margin: 0 auto;}
    .svc-title > .img-svc-arrow {display: none;}
    .svc-title h2 {}

    section.quick-links {padding-left: 10px; padding-right: 10px;}

    .why-pineapple-ttl{ font-size: 35px;  text-shadow: 4px 5px 2px #000000;}
    .why-pineapple-link{font-size: 22px; text-shadow: 3px 3px 2px #000000; margin-top: 20px;}
    .why-pineapple-img{max-width: 400px;}

    .promo-nine .nine-img, .promo-nine .nine-figure{ max-width: 450px;}
    .promo-nine .nine-table { margin: 30px auto 0 auto; }
    .promo-nine.nine-number{font-size: 150px; line-height: .5; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);  }
    .promo-nine.nine-consider{font-size: 36px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-child{font-size: 28px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-braces{font-size: 28px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-desc{font-size: 24px; line-height: 1.2; text-align: center; margin: 20px auto 0 auto; max-width: 350px;}
}

/* ------------------------ */
/* Medium ≥768px            */	
/* ------------------------ */
@media only screen and (min-width: 768px) {
    .hp-logo{max-width: 250px;}

    h1.hp-welcome-head {font-size: 40px; margin-bottom: 0 !important;}
    h2.hp-welcome-subhead {font-size: 25px !important; margin-bottom: 40px !important; color: #4b604e !important;}

    .intro-text{
        font-weight: 300;
        font-size:18px;
        margin: 0 auto 40px auto;
        text-align: center;
    }

    .svc-img{max-width: 100%;}
    .svc-padding{padding: 0;}
    .svc-container {max-width: 100%; margin: 0 auto 33px auto; position: relative;}

    .svc-title > .img-svc-arrow {display: none;}
    .svc-title { padding: 10px 10px; /*position: absolute; bottom: 0;*/ width: 100%;}
    .svc-title h2 { font-size: 20px;}

    section.quick-links {padding-left: 20px; padding-right: 20px;}

    .why-pineapple-ttl{ font-size: 35px;  text-shadow: 4px 5px 2px #000000;}
    .why-pineapple-link{font-size: 22px; text-shadow: 3px 3px 2px #000000; margin-top: 20px;}
    .why-pineapple-img{}

    .promo-nine .nine-table { margin: 0 auto 0 auto; }
    .promo-nine.nine-number{font-size: 130px; line-height: .5; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30);  }
    .promo-nine.nine-consider{font-size: 28px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-child{font-size: 22px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-braces{font-size: 22px; line-height: 1.2; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-desc{font-size: 20px; line-height: 1.2; text-align: center; }
}

/* ------------------------ */
/* Large ≥992px             */	
/* ------------------------ */
@media only screen and (min-width: 992px) {

    .hp-logo{max-width: 250px;}

    h1.hp-welcome-head {font-size: 40px; margin-bottom: 0;}
    h2.hp-welcome-subhead {font-size: 25px !important; margin-bottom: 40px !important; color: #4b604e !important;}

    .intro-text{
        font-weight: 300;
        font-size:22px;
        margin: 0 auto 40px auto;
        text-align: center;
    }

    .svc-padding{padding: 0;}
    .svc-container {margin: 0 auto 33px auto; position: relative;}

    .svc-title{ padding: 10px 10px; /*position: absolute; bottom: 0;*/ width: 100%;}
    .svc-title > .img-svc-arrow {display: block;}
    .svc-title h2 { font-size: 28px;}

    section.quick-links {padding-left: 50px; padding-right: 50px;}

    .why-pineapple-ttl{ font-size: 35px;  text-shadow: 4px 5px 2px #000000;}
    .why-pineapple-link{font-size: 22px; text-shadow: 3px 3px 2px #000000; margin-top: 20px;}
    .why-pineapple-img{}

    .promo-nine .nine-img, .promo-nine .nine-figure{ max-width: 500px;  margin: 0 auto;}
    .promo-nine .nine-table { }
    .promo-nine.nine-number{font-size: 145px; line-height: .5; font-family:'Times New Roman', serif !important; text-align: right; color: #F66D2E; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.50); }
    .promo-nine.nine-consider{font-size: 38px; line-height: 1.2;  text-align: left; color: #F66D2E; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-child{font-size: 30px; line-height: 1; text-align: left; color: #4b604e; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-braces{font-size: 30px; line-height: 1; text-align: left; color: #4b604e; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.30); }
    .promo-nine.nine-desc{font-size: 24px; line-height: 1.2; margin-top: 20px; text-align:center; color:#8C562E; text-shadow:none !important; max-width:450px;}
}

/* ------------------------ */
/* Extra large ≥1200px      */
/* ------------------------ */
@media only screen and (min-width: 1200px) {

   .hp-logo{max-width: 250px;}

    h1.hp-welcome-head {font-size: 40px; margin-bottom: 0;}
    h2.hp-welcome-subhead {font-size: 25px !important; margin-bottom: 20px !important; color: #4b604e !important;}

    .intro-text{
        font-weight: 300;
        font-size:22px;
        margin: 0 auto 40px auto;
        text-align: center;
    }

    .svc-img{max-width: 500px;}

    .svc-padding{padding: 0;}
    .svc-container {margin: 0 auto 33px auto; position: relative;}

    .svc-title{ padding: 10px 20px; /*position: absolute; bottom: 0;*/ width: 100%;} 
    .svc-title > .img-svc-arrow {display: block;}
    .svc-title h2 { font-size: 30px;}

    section.quick-links  {padding-left: 50px; padding-right: 50px;}

    .why-pineapple-ttl{ font-size: 35px; text-shadow: 4px 5px 2px #000000;}
    .why-pineapple-link{font-size: 22px; text-shadow: 3px 3px 2px #000000; margin-top: 20px;}
    .why-pineapple-img{}

}