/* CSS Document */


@media screen and (max-width:850px) {
    .twenty { width: 28%; }
    .eighty { width: 68%; }   
}

@media screen and (max-width:750px) {
    ul.ca-menu { display: none !important; }
    .cut-tablet { display: none !important; }
    body { padding: 70px 0 0 0; }
    div.header-left { width: 60%; }
    div.header-right { display: none; }
    div.header-mobile { display: block; }  
    div.featured-content h1 { font-size: 32px; text-align: center; line-height: 30px; }    
    div.content h1 { font-size: 32px; line-height: 35px; }    
    div.content h2 { display: none; }  
    .stack-two { float: none; width: auto; margin: 0 0 18px 0; padding: 0 0 18px 0; }
    div.sidenav ul li a { max-width: none; }
}


@media screen and (max-width:450px) {
    .stack-three { float: none; width: auto; margin: 0 0 18px 0; }
    div.featured-content { padding: 10px 0; }
    div.featured-content h1 { font-size: 24px; text-align: center; line-height: 30px; }  
    div.services { display: none; }
    div.footer { text-align: center; }
    a.footer-quote { margin: 0 !important; padding: 25px !important; font-size: 16px !Important; }
    a.footer-quote span { display: none !important; }
    div.footer .left { float: none; width: auto; }
    div.footer .right { display: none; }
    
    div.footer h4 { font-size: 13px; }
    div.footer h5 { font-size: 25px; }
    
    div.secondary-image { display: none; }
    div#slider { text-align: center; }
    .sl-slider h2 { padding: 18px !important; }
    .sl-slider blockquote { padding: 0 18px 18px 18px !important; }
}

/* HP Slideshow */