h2.page-header { padding-bottom:12px; }

/******************/
/* Layout Helpers */
/******************/

.tb { 
    display:table; 
}

.ib { 
    display:inline-block;
    vertical-align: top;  
}

.tbc { 
    display:table-cell; 
    vertical-align: top;  
    text-align: left; 
    padding:10px; 
}

.sm-line-break { 
    display:inline-block; 
}

.word-group { 
    padding:0 12px; 
}


body div.nav-container.interior, .navfix { position:fixed; width:100%; z-index:999; margin-bottom:165px; }

/****************/
/*  Typography  */
/****************/


/****************/
/* Testimonials */
/****************/

.testimonial, .pp_content { 

    font-size: 14px;
    line-height: 22px;
    color:#000;
 }

 .testimonial, a.pp_close { 

  
 }


.testimonial .thumbnail {
    position:relative; 
    height:220px;
 }

.testimonial .testimonials-caption {

    height:100px;
    overflow:hidden;
}

.testimonials-name { 
    font-size:16px;
    text-decoration: underline;
    display:block;  
}

.testimonials-date {
    display:block;
    color:#999; 
}


.testimonials-photo { 
    width:150px;   
}

.testimonials-readmore {

    position:absolute; 
    bottom:10px;
    right:10px; 
    color:#eea236;
}



#problems .preview-text { max-height:100px; overflow:hidden; }




div.pp_content .testimonials-caption,
div.pp_content .testimonial .thumbnail {
    height:auto;
    overflow:visible;
}

div.pp_content .testimonials-readmore,
div.pp_content .read-more {
    display:none;
}

div.pp_content { overflow-y: auto; overflow-x:hidden; }

div#pp_full_res { line-height:inherit !important; }


span.fit {
  display:block;
  margin-bottom:10px;
  width:100%;
  line-height:3vw;
  font-size:1.7vw !important;
  overflow:hidden;
}


h3 small { display:block;  }

@media all and (max-width: 991px) { 


    body div.nav-container { position:fixed; width:100%; z-index:999; margin-bottom:165px; }

    /******************/
    /*   Typography  */
    /******************/

    h2.page-header { 

        text-align:center; 
        padding-bottom:10px;
        font-size: calc(19px + ((36 - 19) * ((100vw - 300px) / (990 - 300))));  
    }

      h2.page-header small { display:block; }

    h3 { 
        font-size: calc(16px + ((25 - 16) * ((100vw - 300px) / (990 - 300))));
    }

    h4.media-heading { 
        font-size: calc(16px + ((18 - 16) * ((100vw - 300px) / (990 - 300))));
    }

    span.fit {

      font-size:2.5vw !important;
      line-height:5vw;
    }



}


@media all and (max-width: 480px) { 




    .tb,
    .sm-line-break { 
        display:block; 
    }

    .tbc {
        display:block;
        margin:0 auto;
    }

    .testimonials-readmore,
    .read-more {
        display:none;
    }


    .testimonials-name,
    .testimonials-date {
        text-align: center;
    }

    .testimonial .testimonials-caption,
    .testimonial .thumbnail,
    #problems .preview-text {
        max-height:inherit;
        height:auto;
        overflow:visible;
        text-align:left;
    }

    #problems .problems-section {
        margin:5px 0;
        padding:30px;
    }

    span.fit {

      font-size:5vw !important;
      line-height:6vw;
    }


}