@charset "utf-8";

/* global */
body { -webkit-font-smoothing: antialiased; background-color: #FFF; color: #6a6a6a; font-family: 'Raleway', sans-serif; }
a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; text-decoration: none !important; transition: 0.3s }
.copyright-strap { background-color: #24282b; font-size: 12px; color: #fff; padding-top: 10px }

header { padding: 5px 0 }
    header .navbar { padding: 45px 0 20px 0 }
        header .navbar .navbar-brand { display: none }
        header #navbar-header .navbar-nav { margin-left: auto }
        header #navbar-header li a { color: #6a6a6a; font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #f2f2f2; margin-left: 20px; font-weight: 600; padding-bottom: 5px }
        header #navbar-header li a:hover, header #navbar-header li.show a { border-bottom: 3px solid #6d8a87 }
            header #navbar-header li.active a { border-bottom: 3px solid #6d8a87 }
        header #navbar-header .dropdown-menu { background-color: #fff; margin-left: 4px; padding: 0 }
            header #navbar-header .dropdown-menu .dropdown-item { background-color: #fff; border-bottom: 3px solid #f2f2f2; margin-left: 0; padding: 10px }
            header #navbar-header .dropdown-menu .dropdown-item:hover { border-bottom: 3px solid #6d8a87 }
                header #navbar-header .dropdown-menu .dropdown-item.active { background-color: #86B169 }

.space30 { margin: 30px}
/* home */
.carousel-caption { top: 35%; text-shadow: 2px 2px 6px #000000; }
    .carousel-caption h5 { font-family: 'Mr De Haviland', cursive; font-size: 55px; line-height: 55px; padding: 0 }
    .carousel-caption .heading { font-family: 'Raleway', sans-serif; font-size: 72px; text-transform: uppercase; font-weight: 300; line-height: 72px; padding: 0 }
    .carousel-caption .strap { font-size: 20px; padding-bottom: 30px }
    .carousel-caption a.btn-appointment { background-color: #a78d7d; color: #fff; text-transform: uppercase; font-size: 18px; padding: 15px 60px; text-shadow: 0px 0px 0px #000000; font-weight: 600 }
        .carousel-caption a.btn-appointment:hover { background-color: #6a6a6a; }

#services { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8; text-align: center; padding-top: 90px; padding-bottom: 90px }
    #services h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px }
    #services .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0 }
    #services .blurb { font-size: 16px; line-height: 30px; padding: 20px 300px 50px 300px }
    #services .home-services a { color: #6a6a6a; }
        #services .home-services a:hover { color: #fff; }
    #services .home-services img { border: 5px solid #fff; border-radius: 0; z-index: 0 }
    #services .home-services .service-name { background-color: #fff; border-bottom: 3px solid #a78d7d; position: relative; margin: -50px 20px 0 20px; z-index: 2; padding: 25px 30px 10px 30px }
        #services .home-services .service-name:hover { background-color: #a78d7d; border-bottom: 3px solid #a78d7d; position: relative; margin: -50px 20px 0 20px; z-index: 2; padding: 25px 30px 10px 30px }
        #services .home-services .service-name h4 { font-size: 24px; text-transform: uppercase }
        #services .home-services .service-name h4 span { font-family: 'Mr De Haviland', cursive; font-size: 36px; text-transform: capitalize; line-height: 30px }

#products { background-color: #a78d7d; }
    #products .brown-bg { background-color: #b79f91; color: #fff; font-size: 24px; font-weight: 600; text-align: center; padding: 50px 20px 30px 20px; }
    #products .owl-carousel { padding: 30px 0 0 0 }

#open-hours { padding: 60px; background-color: #fff }
    #open-hours p.heading { font-size: 30px; text-transform: uppercase; font-weight: 300; margin-top: 120px }
    #open-hours p.blurb { font-size: 14px; line-height: 28px }
    #open-hours .btn { background-color: #6d8a87; padding: 10px 80px; color: #fff; border-radius: 0 }
        #open-hours .btn:hover { background-color: #6a6a6a; padding: 10px 80px; color: #fff; border-radius: 0 }
    #open-hours .green-bg { background-color: #6d8a87; padding: 70px; position: absolute; top: 50px; right: 0; color: #fff;}
        #open-hours .green-bg li { font-size: 16px; list-style: none; line-height: 30px }

#home-blog { background: url("/img/layout/honeycomb-right.webp") no-repeat top right #f8f8f8; text-align: center; padding-top: 90px; padding-bottom: 90px }
    #home-blog h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #6d8a87; margin: 0; line-height: 48px }
    #home-blog .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0 }
    #home-blog .home-services img { border: 5px solid #fff; border-radius: 0; z-index: 0; margin-top: 60px }
    #home-blog .home-services .service-name { background-color: #fff; border-bottom: 3px solid #6d8a87; position: relative; margin: 0px; z-index: 2; padding: 15px 20px 10px 20px }
        #home-blog .home-services .service-name h4 { font-size: 18px; text-transform: uppercase; text-align: left }
        #home-blog .home-services .service-name p { font-size: 12px; text-transform: uppercase; text-align: left; padding: 0; margin: 0 }
        #home-blog .home-services .service-name a { color: #6a6a6a; }
            #home-blog .home-services .service-name a:hover { color: #6d8a87; }

#owe-yourself { text-align: center; background-image: url("/img/layout/owe-yourself-bg.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 150px 0 }
    #owe-yourself p.heading { font-family: 'Mr De Haviland', cursive; font-size: 48px; line-height: 48px; color: #fff; margin: 0 }
    #owe-yourself p.strap { font-size: 36px; color: #fff; text-transform: uppercase; margin: 20px 0 40px 0; font-weight: 200 }
    #owe-yourself a.btn-appointment { background-color: #a78d7d; color: #fff; text-transform: uppercase; font-size: 18px; padding: 15px 60px; text-shadow: 0px 0px 0px #000000; font-weight: 600 }
        #owe-yourself a.btn-appointment:hover { background-color: #6a6a6a; }

#inner-banner { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 150px 0 }

/* beauty treatments */

#beauty-treatments { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px }
    #beauty-treatments h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #beauty-treatments .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #beauty-treatments .blurb { font-size: 16px; line-height: 30px; text-align: center }
    #beauty-treatments .pricing .nav { background-color: #f8f8f8; margin: 30px 0 10px 0 }
        #beauty-treatments .pricing .nav a { border-radius: 0; background-color: #f8f8f8; color: #6a6a6a; font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #f2f2f2; margin-left: 20px; font-weight: 600; padding-bottom: 5px }
            #beauty-treatments .pricing .nav a:hover, #beauty-treatments .pricing .nav a.active { border-radius: 0; color: #6a6a6a; border-bottom: 3px solid #6d8a87; }
    #beauty-treatments .pricing img { margin-bottom: 40px }
    #beauty-treatments .tab-content .treatment { border-bottom: 1px solid #e4e4e4; margin: 20px 0 }
        #beauty-treatments .tab-content .treatment h2 { font-size: 20px; line-height: 20px; padding: 0; margin: 0; text-transform: uppercase; display: inline-block; font-weight: 600 }
        #beauty-treatments .tab-content h3 { font-size: 24px; line-height: 24px; margin: 20px 0; text-transform: uppercase; display: inline-block; font-weight: 600; border-bottom: 3px solid #6d8a87; }
        #beauty-treatments .tab-content .treatment .item { float: right }
        #beauty-treatments .tab-content .treatment span { font-size: 20px; line-height: 20px; text-align: right }
        #beauty-treatments .tab-content .treatment .description { font-size: 16px; font-style: italic; margin-bottom: 0px; padding-bottom: 0px }

/* relaxation treatments */

#relaxation-treatments { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px }
    #relaxation-treatments h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #relaxation-treatments .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #relaxation-treatments .blurb { font-size: 16px; line-height: 30px; text-align: center; padding: 10px 0 30px 0 }
    #relaxation-treatments img { padding-bottom: 20px }
    #relaxation-treatments .nav { background-color: #f8f8f8;  }
        #relaxation-treatments .nav a { border-radius: 0; background-color: #f8f8f8; color: #6a6a6a; font-size: 14px; text-transform: uppercase; border-right: 3px solid #f8f8f8; margin-left: 20px; font-weight: 600; padding-bottom: 5px; padding: 20px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; }
            #relaxation-treatments .nav a:hover, #relaxation-treatments .nav a.active { color: #6d8a87; border-radius: 0; border-right: 3px solid #6d8a87; }
    #relaxation-treatments .tab-content h2 { text-transform: uppercase; text-align: center }
    #relaxation-treatments .tab-content .blurb { padding: 20px 0; }
    #relaxation-treatments ul { margin-bottom: 20px }
    #relaxation-treatments .tab-content li { float:left; width: 50%; padding: 2px 0 }
    #relaxation-treatments .tab-content .treatment { border-bottom: 1px solid #e4e4e4; margin: 15px 0; }
        #relaxation-treatments .tab-content .treatment .minutes { font-size: 18px; line-height: 18px; padding: 0; margin: 0; text-transform: uppercase; display: inline-block; font-weight: 600 }
        #relaxation-treatments .tab-content .treatment .item { float: right }
        #relaxation-treatments .tab-content .treatment span { font-size: 18px; line-height: 18px; text-align: right }
        #relaxation-treatments .tab-content .treatment .description { font-size: 16px; font-style: italic }
    #relaxation-treatments .btn-appointment { background-color: #a78d7d; color: #fff; text-transform: uppercase; font-size: 18px; padding: 15px 60px; text-shadow: 0px 0px 0px #000000; font-weight: 600; margin: 60px 0 }
        #relaxation-treatments .btn-appointment:hover { background-color: #6a6a6a; }

/* man space */

#man-space { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px }
    #man-space h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #man-space .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #man-space .blurb { font-size: 16px; line-height: 30px; text-align: center }
    #man-space img { padding-bottom: 20px }
    #man-space .treatment { border-bottom: 1px solid #e4e4e4; margin: 20px 0 }
        #man-space .treatment h2 { font-size: 18px; line-height: 18px; padding: 0; margin: 0; text-transform: uppercase; display: inline-block; font-weight: 600 }
        #man-space h3 { font-size: 24px; line-height: 24px; margin: 20px 0; text-transform: uppercase; display: inline-block; font-weight: 600; border-bottom: 3px solid #6d8a87; }
        
        #man-space .treatment .item { float: right }
        #man-space .treatment span { font-size: 18px; line-height: 18px; text-align: right }
        #man-space .treatment .description { font-size: 16px; font-style: italic; margin: 20px 0 }

/* bridal */

#bridal { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px; }
    #bridal h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #bridal .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #bridal .blurb { font-size: 16px; line-height: 30px; text-align: center; margin: 30px}
    #bridal .treatment { border-bottom: 1px solid #e4e4e4; margin: 15px 0; }
        #bridal h2 { font-size: 18px; line-height: 18px; padding: 0; margin: 0; text-transform: uppercase; display: inline-block; font-weight: 600 }
        #bridal .item { float: right }
        #bridal span { font-size: 18px; line-height: 18px; text-align: right }
        #bridal .description { font-size: 16px; font-style: italic; }
        #bridal h3 { font-size: 24px; line-height: 24px; margin: 20px 0; text-transform: uppercase; display: inline-block; font-weight: 600; border-bottom: 3px solid #6d8a87; }

/* Caci Clinic */

#caci-clinic { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px; }
    #caci-clinic h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #caci-clinic .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #caci-clinic .blurb { font-size: 16px; line-height: 30px; text-align: center; margin: 30px}
    #caci-clinic .treatment { border-bottom: 1px solid #e4e4e4; margin: 15px 0; }
        #caci-clinic .minutes { font-size: 18px; line-height: 18px; padding: 0; margin: 0; text-transform: uppercase; display: inline-block; font-weight: 600 }
        #caci-clinic .item { float: right }
        #caci-clinic span { font-size: 18px; line-height: 18px; text-align: right }
        #caci-clinic .description { font-size: 16px; font-style: italic; }
        #caci-clinic h3 { font-size: 24px; line-height: 24px; margin: 20px 0; text-transform: uppercase; display: inline-block; font-weight: 600; border-bottom: 3px solid #6d8a87; }

/* About Us */

#about-us { padding-top: 90px; padding-bottom: 90px; }
    #about-us h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; }
    #about-us .strap { font-size: 30px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; }
    #about-us p { font-style: italic }
#our-staff { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px; text-align: center }
    #our-staff h2 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #our-staff .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #our-staff .staff-member img { border-radius: 50%; margin-top: 50px }
    #our-staff .staff-member h4 { text-transform: uppercase; margin-top: 20px; line-height: 24px; font-size: 20px }
    #our-staff .staff-member p { font-style: italic }

/* book now */

#book-now { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #fbfbfb; padding: 90px 0  }
    #book-now h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #book-now .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #book-now #externalBookingPluginContainer { margin: 0 auto; }
    #book-now .tabs .nav-item { background-color: #f8f8f8; margin: 30px 0 10px 0 }
        #book-now .tabs .nav-item a { border-radius: 0; background-color: #f8f8f8; color: #6a6a6a; font-size: 14px; text-transform: uppercase; border-bottom: 3px solid #f2f2f2; margin-left: 20px; font-weight: 600; padding-bottom: 5px }
            #book-now .tabs .nav-item a:hover, #book-now .tabs .nav-item a.active { border-radius: 0; color: #6a6a6a; border-bottom: 3px solid #6d8a87; }

/* contact */

#contact { background: url("/img/layout/honeycomb-left.webp") no-repeat bottom left #f8f8f8;  padding-top: 90px; padding-bottom: 90px; text-align: center }
    #contact h1 { font-family: 'Mr De Haviland', cursive; font-size: 48px; color: #a78d7d; margin: 0; line-height: 48px; text-align: center }
    #contact .strap { font-size: 50px; color: #6a6a6a; text-transform: uppercase; font-weight: 200; line-height: 60px; margin: 0; text-align: center }
    #contact .blurb { font-size: 16px; line-height: 30px; text-align: center; margin: 30px}
    #contact h2 { font-size: 18px; line-height: 24px; margin: 20px 0; text-transform: uppercase; display: inline-block; }
    #contact #map { width: 100%; height: 450px; box-shadow: 0 0 2.7em 0 rgba(0,0,0,.08); border: 10px solid #fff; box-sizing: border-box; margin-top: 40px }
    #contact address a { color: #6a6a6a; }
        #contact address a:hover { color: #6d8a87 }
    #contact .social i { font-size: 30px; padding-left: 10px }
    #contact .social a { color: #6a6a6a }
            #contact .social a:hover { color: #6d8a87 }
    #contact form { padding-top: 50px }
        .form-control { border: 0 0 1px 0 solid #f8f8f8 !important; background-clip: none;  }
    .btn-appointment { background-color: #a78d7d; color: #fff; text-transform: uppercase; font-size: 18px; padding: 15px 60px; text-shadow: 0px 0px 0px #000000; font-weight: 600; border-radius: 0; font-weight: 400; }
        .btn-appointment:hover { background-color: #6a6a6a; }

footer { font-size: 14px; padding-top: 40px }
    footer .fa-home { position: absolute; right: 115px; top: 40px; line-height: 18px }
    footer p.address { position: absolute; right: 10px; top: 40px; line-height: 18px }
    footer address { padding-top: 40px; line-height: 22px; margin: 0 }
        footer address a { color: #6a6a6a }
            footer address a:hover { color: #6d8a87 }
        footer address P { margin: 0 }
    footer .social { font-size: 24px }
        footer .social a { color: #6a6a6a }
        footer .social a:hover { color: #6d8a87 }
    footer #footer-bottom { background-color: #24282B; color: #FFF; font-size: 12px; font-weight: 300; padding: 15px 0; margin-top: 40px }
            footer #footer-bottom #designed-by { text-align: right }
                footer #footer-bottom #designed-by img { display: inline-block; margin: -3px 0 0 3px; width: 200px }

/* cookie */
#cookie-bar { background-color: #FBAC17; height: auto; line-height: 24px; padding: 8px 0; text-align: center }
	#cookie-bar.fixed { left: 0; position: fixed; top: 0; width: 100% }
	#cookie-bar p { color: #000; font-size: 14px; margin: 0; padding: 0 }
	#cookie-bar a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #FFF; display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 6px; text-transform: uppercase; transition: 0.3s }
	#cookie-bar br { display: none }
	#cookie-bar .cb-enable { background-color: #86B169 }
	#cookie-bar .cb-enable:hover { background-color: #6A934E }
	#cookie-bar .cb-policy { background-color: #0066A6 }
    #cookie-bar .cb-policy:hover { background-color: #004C7C }

/* overlay */
.overlay { height: 0; width: 100%; position: fixed; z-index: 100; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; }
.overlay-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 20px; }
.overlay a { padding: 5px; text-decoration: none; font-size: 26px; color: #818181; display: block; transition: 0.3s; text-transform: uppercase }
.overlay .btn-close { position: absolute; top: 10px; right: 35px; font-size: 60px; }

html.layout-widget body { background-color: none!important; }

@media (max-width: 1590px) {
	/* global */
    .carousel-caption h5 { font-size: 48px; line-height: 48px; }
    .carousel-caption .heading { font-size: 65px; line-height: 65px }
    .carousel-caption .strap { font-size: 18px; padding-bottom: 20px }
    
}
@media (max-width: 1199px) {
	/* global */
    .carousel-caption { top: 20%; }
        .carousel-caption h5 { font-size: 42px; line-height: 42px; }
        .carousel-caption .heading { font-size: 50px; line-height: 55px }
        .carousel-caption .strap { font-size: 16px; padding-bottom: 20px }
        .carousel-caption a.btn-appointment { font-size: 16px; padding: 12px 50px; }
    header #navbar-header li a { font-size: 12px; margin-left: 10px; margin-top: -5px; }
    
    #services .strap { font-size: 50px; }
    #services .blurb { padding: 20px 200px 50px 200px }
    #services .home-services .service-name { padding: 20px 10px 10px 10px }
        #services .home-services .service-name:hover { padding: 20px 10px 10px 10px }
        #services .home-services .service-name h4 { font-size: 22px; text-transform: uppercase }
        #services .home-services .service-name h4 span { font-size: 30px; line-height: 30px }
    
    #home-blog .home-services .service-name h4 { font-size: 16px; }
    
    #open-hours p.heading { font-size: 28px; margin-top: 80px }
    #open-hours p.blurb { font-size: 14px; line-height: 24px }
    #open-hours .btn { padding: 8px 50px; }
        #open-hours .btn:hover { padding: 8px 50px; }
    #open-hours .green-bg { padding: 40px; top: 80px }
        #open-hours .green-bg li { font-size: 15px; line-height: 28px }
    
    #home-blog .strap { font-size: 50px; }
}

@media (max-width: 991px) {
	/* global */
    header .navbar { padding: 10px 0 }
    header #navbar-header li a { font-size: 16px; }
    header #navbar-header .navbar-nav { margin-left: auto; margin-right: auto;  }
    .carousel-caption { top: 15%; }
        .carousel-caption h5 { font-size: 35px; line-height: 35px; }
            .carousel-caption .heading { font-size: 40px; line-height: 40px }
            .carousel-caption .strap { font-size: 16px; padding-bottom: 0px }
            .carousel-caption a.btn-appointment { font-size: 16px; padding: 12px 50px; }
    
    #services .blurb { padding: 20px 100px 10px 100px }
    #services .home-services img { margin-top: 40px }
    #services h1 { font-size: 40px; line-height: 40px }
    #services .strap { font-size: 40px; line-height: 40px }
    
    #products .brown-bg { font-size: 20px; line-height: 20px; padding: 50px 20px 35px 20px; }
    
    #open-hours p.heading { font-size: 26px; margin-top: 40px }
    #open-hours .green-bg { padding: 20px; top: 150px }
        #open-hours .green-bg li { font-size: 14px; line-height: 24px; }
    
    #home-blog .strap { font-size: 40px; }
    
    footer .fa-home { top: 10px; }
    footer p.address { top: 10px; }
    footer address { padding-top: 10px; }
    footer #footer-bottom { text-align: center }
    footer #footer-bottom #designed-by { text-align: center }
}

@media (max-width: 767px) {
    /* global */
    header .navbar .navbar-brand { color: #6a6a6a; display: inline-block; font-size: 16px; text-transform: uppercase; width: 75% }

    .carousel-caption { top: 13%; }
        .carousel-caption .heading { font-size: 30px; line-height: 35px; padding-bottom: 10px }
        .carousel-caption .strap { display: none }
        .carousel-caption a.btn-appointment { font-size: 16px; padding: 12px 50px; }
    
    #open-hours { padding: 20px; text-align: center }
    #open-hours p.heading { margin-top: 40px }
    #open-hours .btn { margin-bottom: 30px}
    #open-hours .green-bg { padding: 30px; position: inherit; top: 0px; right: 0px; }
        #open-hours .green-bg li { font-size: 18px; line-height: 24px; }
    
    footer { text-align: center; padding-top: 0px }
    footer .footer-logo { width: 40% }
    footer .fa-home { position: static; line-height: 18px }
    footer p.address { position: static; line-height: 18px }
    footer address { padding-top: 0px; line-height: 22px; margin: 0 }
}

@media (max-width: 575px) {
	/* global */
    header { text-align: center; }
        a#header-logo-sml img { width: 200px; }
    
    #services { padding-top: 40px }
        #services .blurb { padding: 20px 20px 0px 20px }
    
    #owe-yourself { padding: 75px 0 }
    #owe-yourself a.btn-appointment { font-size: 14px; padding: 15px 30px; }
    footer { padding-top: 20px }
}

@media (max-width: 374px) {
	/* global */
    #products .brown-bg { font-size: 14px; padding: 30px 10px 20px 10px; }
    
    
    
    
}