body, html {
    width: 100%;
    height: 100%;
    background-color: #000;
}

nav.navbar {
	font-family: 'Lato', sans-serif !important;
	background-color: #000;
	color: #fff;
	border-bottom: none;
	
	opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

.navbar a.navbar-brand {
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
.navbar a.navbar-brand span.letters_tz {
	letter-spacing: -1px;
}
.navbar a.navbar-brand span.letters_a {
	letter-spacing: 1px;
}
.navbar a.navbar-brand span.letters_ac {
	display: inline-block;
	-webkit-transform:scale(0.9, 1.0);
	-moz-transform:scale(0.9, 1.0);
	-ms-transform:scale(0.9, 1.0);
	-o-transform:scale(0.9, 1.0);
	transform:scale(0.9,1.0);
	letter-spacing: -1px;
}
.navbar a.navbar-brand span.letters_u {
	
}
.navbar ul.nav li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
}
.navbar a.navbar-brand:hover, .navbar ul.nav li:hover a, .navbar ul.nav li.active a, .navbar ul.nav li.active:hover a {
	color: #000;
	background-color: #fff;
}
nav ul.nav.navbar-nav {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

button.navbar-toggle {
	border: none;
}
.navbar button.navbar-toggle span.icon-bar {
	background-color: #fff;
}
.navbar button.navbar-toggle:hover {
	background-color: #fff;
}
.navbar button.navbar-toggle:hover span.icon-bar {
	background-color: #000;
}



nav.navbar span.navbar-toggler-icon {
	color: #fff !important;
	border-color: #fff !important;
}

button.navbar-toggle {
	border: none !important;
}
button.navbar-toggle span.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	
	-webkit-transition: all 0.2s linear;
	  -moz-transition: all 0.2s linear;
	  -o-transition: all 0.2s linear;
	  transition: all 0.2s linear;
}

button.navbar-toggle[aria-expanded="true"] span.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8l20 16M4 24L24 8'/%3E%3C/svg%3E");
}




img {
	border: none;
}

section h1 {
	font-family: 'Lato', sans-serif !important;
	font-weight: 400;
	margin: 0 auto 1.5em auto;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
}
h1 u {
	text-decoration: none;
	border-bottom: 2px solid;
	padding-bottom: 3px;
}
h2 {
	font-family: 'Lato', sans-serif !important;
	text-transform: uppercase;
	font-size: 1.7em;
	line-height: 1.7em;
	font-weight: 400;
	
	text-transform: none;
	font-size: 1.8em !important;
	line-height: 1.3em !important;
	margin-bottom: 0.7em;
}

h2.playfair {
	font-family: 'Playfair Display', serif !important;
	font-weight: 700;
}
h3 {
	font-family: 'Lato', sans-serif !important;
	font-weight: 600;
	margin-bottom: 20px;
}

ul.appts {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
}
ul.appts li {
	float: left;
	margin: 5px 5px;
}
ul.appts li a {
	-webkit-font-smoothing: antialiased;
	padding: 8px 6px;
	font-size: 17px;
	display: block;
	border-radius: 5px;
	border: 1px solid #000;
	width: 100px;
	color: #000;
}
ul.appts li a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

blockquote {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 3em;
	border: 0;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}
blockquote.wide {
	max-width: none;
	font-size: 2.5em;
}
blockquote.small {
	
}
blockquote.xsmall {
	font-size: 1.6em;
	max-width: 850px;
}
blockquote cite {
	display: block;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;	
	font-size: 0.6em;
	font-weight: 300;
	font-style: normal;
	margin-top: 1em;
}

.vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

label {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 600;
	font-size: 16px;
}

section p, section li, table, textarea {
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: 'Source Sans Pro', sans-serif !important;
}
textarea {
	font-size: 16px !important;
}
section p {
	margin-bottom: 15px;
}
section li {
	
}

section#site-title {
	padding-top: 70px;
	background: #000;
	padding-bottom: 22px;
}
section#site-title h1 {
	text-align: center;
	font-family: Lato, sans-serif;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
}
section#site-title h1 a {
	border-bottom: 2px solid #fff;
	text-decoration: none;
	color: #fff;
}
section#site-title h1 small {
	color: #fff !important;
}

.intro-section {
    text-align: left;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/* background: #000 url('/images/home_ballet_bg4.jpg') no-repeat left center !important; 
	background-size: cover !important;
	background-position: 90% 235px !important;
	
	*/
	
	background: #000 url('/images/bg_cover_dolls.jpg') no-repeat center center !important;
	background-size: cover !important;
	
	padding: 20px 0;
}
.intro-section2 {
    text-align: center;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	    background: #000 url('/images/bg_cover_dolls.jpg') no-repeat center center !important;
		background-size: cover !important;
 
	padding: 20px 0;
}
.intro-section2 h1 {
	font-family: 'Playfair Display', serif !important;
	font-weight: 700 !important;
	font-size: 2.5em !important;
	line-height: 3em !important;
	max-width: 800px;
	text-align: left;
	text-transform: none;
	color: white;
	margin: 20px auto !important;
	margin-top: 0;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
	font-size: 3.5em !important;
}
.intro-section2 h2 {
	color: #fff !important;
}

.intro-section h1 {
	text-align: left;
	
	font-weight: bold !important;
	font-size: 2.5em !important;
	line-height: 1.5em;
	
	font-family: 'Lato', sans-serif !important;
	text-transform: uppercase;
	
	
	color: #fff;

	margin-top: 0;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
	font-size: 3.5em !important;
	
	
}
.intro-section h2 {
	max-width: 750px;
	margin: auto;
	color: #fff;
	padding: 0 20px;
	font-size: 1.3em !important;
	line-height: 1.5em !important;
	
	text-transform: uppercase !important;
	font-weight: 400;

	text-align: center !important;
	font-weight: 300;
	margin-top: 45px !important;
}

.intro-section blockquote {
	color: #fff;
	margin: 20px auto;
	margin-top: 0;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
	font-size: 2.9em !important;

}
.intro-section p.intro-buttons {
	margin-top: 50px;
	display: none;
}
.intro-section p.intro-buttons .btn {
	background: none !important;
	border: 1px solid #fff;
	margin: 0 30px;
	min-width: 180px;
}
.intro-section p.intro-buttons .btn:hover {
	background: #fff !important;
	color: #000 !important;
}

.about-section {
	min-height: 100%;
	padding: 100px 0;
}

.news-section {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background: #fff;
}

.about-section {
    min-height: 100%;
    padding-top: 100px;
    background: #fff;
}

.faq-section {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #eee;
}
.faq-section h3 {
	font-size: 1.3em;
	line-height: 1.5em;
}

.visit-section {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f3f3f3;
}

.location-section {
    min-height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #fff;
}

.hebrews-section {
	min-height: 100%;
	height: 130%;	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	background: #000 url('/images/hebrews_bg.jpg') no-repeat center center !important;
	background-size: cover !important;
    text-align: center;
}
#hebrews {
	
	color: #fff;
}
#hebrews blockquote {
	font-size: 3em;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
}

section#shiatsu {
	background: #000 url('/images/shiatsu.jpg') no-repeat bottom center !important;
	background-size: cover !important;
	color: #fff;
    height: 100%;
    min-height: 100%; 
}
section#shiatsu blockquote {
	font-size: 42px !important;
}
section#shiatsu blockquote cite {
	font-size: 20px !important;
}


.contact-section {
    min-height: 100%;
    padding-top: 100px;
    background-color: #000;
	color: #fff;
}
.acupuncture-hand-section {
	height: 100%;
	color: #fff;
	background: #000 url('/images/acupuncture_hand.jpg') no-repeat center center !important;
	background-size: cover !important;
}
.acupuncture-hand-section blockquote {
	max-width: 400px;
	line-height: 1.8em;
	font-size: 2.1em;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
}

.acupuncture-section {
	background: #000 url('/images/acupuncture_bg.jpg') no-repeat top center !important;
	background-size: cover !important;
	color: #fff;
	height: 130%;
    min-height: 100%; 
}
.acupuncture-section div.container {
	height: 100%;
}
.acupuncture-section blockquote {
	font-size: 1.7em;
	line-height: 1.7em;
	padding: 50px 25px;
	text-shadow: 0px 0px 10px rgba(160, 160, 160, 0.5);
}
.acupuncture-section blockquote cite {
	margin-top: 2.5em;
	line-height: 1.6em !important;
	padding: 0 15px;
}
.acupuncture2-section {
	background: #fff;
	min-height: 100%; 
	padding-top: 50px;
	padding-bottom: 100px;
}
.acupuncture2-section blockquote.small {
	font-size: 1.8em;
	line-height: 1.6em;
}
.acupuncture2-section blockquote.small cite {
	line-height: 1.7em !important;
}
.acupuncture2-section blockquote.xsmall {
	font-size: 1.5em;
	line-height: 1.8em;
}
.acupuncture2-section blockquote.xsmall cite {
	line-height: 1.7em !important;
}

.fin-section {
	background-color: #000;
	text-align: center;
    height: 100%;
	color: #fff;
	padding-top: 100px;
}
.fin-section .container {
	height: 100%;
}
.fin-section blockquote {
	font-size: 2em;
}
.fin-section blockquote cite {
	font-size: 0.6em;
}

footer {
	background: #000;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 100px;
}
footer p a, footer p a:hover {
	color: #fff;
}


@media(min-width:767px) {
    .navbar {
        padding: 0 15px;
    }
    .navbar ul li a, .navbar a.navbar-brand {
    	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
       padding: 0;
    }
    .top-nav-collapse ul li a, a.navbar-brand {
	   padding: 15px;
    }
    
    .intro-section h1 {
    	font-size: 4.6em !important;
    	padding: 80px auto !important;
    	max-width: 800px;
    }
    
    .intro-section h2 {
	    font-weight: 300 !important;
		font-size: 1.4em !important;
		line-height: 1.7em !important;
    }
    
    .acupuncture-section blockquote {
	    font-size: 3em;
		line-height: 1.8em;
		max-width: 800px;
    }
    .acupuncture-section blockquote cite {
		font-size: 0.4em;
		line-height: 1.8em !important;
		margin-top: 2em;
	}
	.hebrews-section blockquote {
		font-size: 5em !important;
		max-width: 750px;
	}
	.acupuncture-hand-section blockquote {
		max-width: 600px;
		line-height: 1.6em;
		font-size: 3.5em !important;
		
	}
	.fin-section blockquote {
		font-size: 3em;
		line-height: 1.8em;
	}
	
}

ul.features {
	font-size: 1.4em;
	border-top: 3px double #fff;
	border-bottom: 3px double #fff;
	padding: 1.5em 2.5em;
}

ul.features li {
	line-height: 1.2em;
	margin-bottom: 0.5em;
	font-weight: 400;
}
section#acupuncture ul.features li {
	font-weight: 600;
}

@media(min-width:800px) {
	
	.intro-section p.intro-buttons {
		display: block;
	}
	
	 #intro-container {
	    max-width: 800px;
	    
    }

}

@media(min-width:800px) {
	.intro-section {
	    /*
	    background: #000 url('/images/home_ballet_bg4.jpg') no-repeat left center !important;
		background-size: cover !important;
		background-position: 70% 120px !important; 
		*/
    }
}

@media(min-width:1300px) {
	.intro-section {
	   	/*
	   	padding-top: 100px;
	    background: #000 url('/images/home_ballet_bg4.jpg') no-repeat left center !important;
		background-size: cover !important;
		background-position: 70% 20px !important; 
		*/
    }
}