html, body{ height:100%; width:100%; border: 0; }
		body{
			margin: 0 auto;
			padding:0;
			background: url(images/background.gif);
			background-attachment: fixed;
			color:#777;
			font-family: "Vollkorn", serif; 
			
		}
		@media only screen and (min-width: 800px) {
			section { min-height: 100vh;}
		}
		section { 
			min-height: 500px; 
			margin-bottom: 100px; 
			padding-bottom: 100px;
			-webkit-box-shadow: 0 0 50px 75px #FFFFFF;
			box-shadow: 0 0 100px 25px #FFFFFF;
 		}
 		section#top { 
			min-height: 500px; 
			margin-bottom: 100px; 
			padding-bottom: 100px;
			-webkit-box-shadow:none; 
			box-shadow:none;
			
 		}

 		#esb { max-width:100%; height: auto;}
 		.scale-with-grid {max-width: 100%; height:auto;}

 		.one-third { max-width: 20%; float: right;}
 		.two-thirds { max-width: 60%; float: left;}
		section:nth-child(5) { margin-bottom: 0;}
		
		p { font-size: 22px; padding:0 100px; text-align: justify; line-height: 26px;}
		p.lead { font-size: 26px; padding:0 100px; text-align: justify; color: #aaa; line-height: 30px;}
		h1 { font-size: 46px; font-family: 'Vollkorn' serif; font-style: italic; color:#ddd;}
		h2 { font-size: 38px; font-family: 'Vollkorn' serif; font-style: italic; color:#ddd;}
		h3 { font-size: 30px; padding:0 100px; text-align: left; font-family: 'Vollkorn' serif; font-style: italic; color:#ddd;}
		h4 { font-size: 26px; font-family: 'Vollkorn' serif; font-style: italic; color: #ddd;}
		h1:hover, h2:hover, h3:hover, h4:hover { color: #333; cursor: default;
			-webkit-transition: color 1s ease-in-out;
			-moz-transition: color 1s ease-in-out;
			-ms-transition: color 1s ease-in-out;
			-o-transition: color 1s ease-in-out;
			transition: color 1s ease-in-out;
		}
		ul { padding:0 100px;list-style-type: none; cursor: default; font-size: 1.5em; font-style: bold; text-align: justify;}
		li {border: solid #ebebeb 2px; border-collapse: collapse; margin: 5px; padding-left: 175px; transition: background .5s; text-indent: -175px;}
		li:hover { background:rgba(222,222,222,0.5);}
		li:hover span {color:#333;}
		li span {font-weight: bolder; letter-spacing: -1px; color: #aaa; transition: color .5s; min-width: 175px;}
		a {color: #333;}

		#top {
			height:100%;
			z-index:1;

		}
		img.title { 
			position:relative;
			top:50%;
			left:50%;
			margin-top:-100px;
			margin-left: -250px;

		}	
		.light {
			z-index: 2;
			padding:100px 55px;
			background: white;
			text-align: center;
		}
		.events {
		
			z-index: 2;
			padding: 10px 30px;
			background: white;
			text-align: center;

		}

		.events p,.sounds p {text-align: center;}

		input.required-email {
			border:none; 
			color: #333;
			background: -moz-linear-gradient(top,  rgba(145,242,255,0) 0%, rgba(145,242,255,0.51) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,242,255,0)), color-stop(51%,rgba(145,242,255,0.51)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(145,242,255,0) 0%,rgba(145,242,255,0.51) 51%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(145,242,255,0) 0%,rgba(145,242,255,0.51) 51%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(145,242,255,0) 0%,rgba(145,242,255,0.51) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(145,242,255,0) 0%,rgba(145,242,255,0.51) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091f2ff', endColorstr='#ffffff',GradientType=0 );


			width: 75%; 
			text-align: center;
			height: auto; 
			font-size: 2.5em;
			letter-spacing: 3px; 
			font-weight: 300;
			text-transform: uppercase;


			
  			}
  			input.button { margin-top: 50px;
  				border:none;
  				-webkit-box-shadow: 0px 0px 108px 0px rgba(145,242,255,1);
				-moz-box-shadow: 0px 0px 108px 0px rgba(145,242,255,1);
				box-shadow: 0px 0px 108px 0px rgba(145,242,255,1); width: 25%; background: transparent; font-size: 1.5em;

					}
		input:focus {outline:0;background:transparent;}
		#mc-field-group {
			text-align: center;
		}

		#logo {
			background: url('images/sound-bath.png') no-repeat fixed;
			background-position: center;
			max-width:100%;
			height:100%; 
			z-index: 999;
		}

		@media only screen and (max-width:65em) { 
			body{ margin-top: 10em; background-attachment: scroll; }
			#logo { display: none;}
			section#top {
				display: none;
			}
			p { padding: 0 20px;}
			p.lead { padding: 0 20px;}
}