html, body#landing-page, body#landing-page a .container,body#landing-page a .container .row{
	height: 100%;
	font-size: 14px;
}
p, body{
	font-size: 14px;
}
p.enter-site-btn .enter-site-link{
	background: url(../img/enter-site.png) no-repeat center center;
	height: 70px;
    padding: 7px 0;
    background-size: contain;
    font-size: .75em !important;
	display: block;
}
body#landing-page a, a.enter-site-link{
	color: #fff;
    font-size: 1.3em;
}
body#landing-page a span{
	font-size: 1.4em;
}
body#landing-page a:hover{
	text-decoration: none;
}
body#landing-page{
	height: 100%;
	background: url(../img/landing-page-comp.gif) no-repeat center center fixed;
    -webkit-background-size: 72%;
    -moz-background-size: 72%;
    -o-background-size: 72%;
    background-size: 72%;
	background-color: #000;
}
body #home .home-background{
	height: 100%;
	background: url(../backgrounds/legend.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body #theDrinks .the-drinks-background{
	height: 100%;
	background: url(../backgrounds/the_drink.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body #ingredients .ingredients-background{
	height: 100%;
	background: url(../backgrounds/ingredients.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.no-marg{
	margin: 0 !important;
}
.ingredient-title{
	width: 45%;
}
#home-icon-menu-mob{
	display: none;
}
body #contact .contact-background{
	height: 100%;
	background: url(../backgrounds/contact.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.navbar-toggle{
	float: none;
}
#home-icon-menu-mob img{
	display: initial !important;
	width: 30px;
	margin-top: -7px;
    margin-right: 7px;
}
.background-legend{
	height: 100%;
}
#home .home-background .row, .the-drinks-background .row, .ingredients-background .row, .contact-background .row{
	height: 100%;
	position: relative;
}
.text-on-landing{
	position: absolute;
}
.text-on-landing p{
	font-family: 'Libre Baskerville', serif;
    color: #dde0db;
    text-shadow: rgba(255,255,255,0.9) 0px 0px 6px;
    font-size: 1em;
    width: 560px;
    text-align: center;
    word-spacing: 8px;
}
.fontSizeIncrease{
	font-size: 1.7em !important;
    position: relative;
    top: 3px;
}
.fontSizeIncrease2{
	font-size: 1.5em !important;
    position: relative;
    top: 3px;
}
body{
	background-color: #000;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
	margin-bottom: 0;
}
.navbar-brand{
	height: 135px;
	padding: 0;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
    color: #FFF;
    font-size: 16px;
	font-family: 'Libre Baskerville', serif;
	padding: 0 9px;
}
.navbar-default .navbar-nav{
	margin-top: 100px;
}
.navbar-default .navbar-nav li{
    padding: 0 15px;
    border-left: 1px solid #fff;
}
.navbar-default ul.navbar-nav li:first-child {
	border-left: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-bottom: 1px solid #969696;
}
.background-legend-1{
	width: 100%;
 }
.background-legend-2{
	width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
#contact .contactContent a{
	color: #dde0db;
}
#contact .background-legend{
	width: 100%;
}
.contact-logo{
	width: 30%;
	margin: 10px 0;
}
.contactContent{
    position: absolute;
    text-align: center;
}
.contactContent h4{
	font-size: 1.8em;
    color: #dde0db;
}
.contactContent p{
	font-size: 1.3em;
    color: # ;
	margin-bottom: 0;
	font-family: 'Open Sans', sans-serif;

}
.text-center{
	text-align: center;
} 
.main-section  .container .home-background, .main-section  .container .the-drinks-background, .main-section  .container .ingredients-background, .contact-background{
	border-bottom: 1px solid #969696;
}
.footer-copyright{
	color: #dde0db;
	padding: 15px 0;
}
.floating-legend-text, .floating-content, .alignMiddle{
	color: #dde0db;
	position: absolute;
	font-size: 1em;
    word-spacing: 3px;
	text-align: center;
}
.floating-legend-text p{
	text-shadow: #dde0db 0px 0px 12px;
}
p span, h4 span, h3 span{
	font-family: 'Libre Baskerville', serif;
}
#home .floating-legend-text{
	font-size: 1em;
	text-align:left;
	font-family: 'Libre Baskerville', serif;
	line-height: 30px;
	color: #dde0db;
    text-shadow: rgba(255, 255, 255, 0.7) 0px 0px 4px;
}
#theDrinks .floating-content h3{
	font-family: 'Libre Baskerville', serif;
}
#theDrinks .floating-content, #theDrinks .floating-content p{
	font-family: 'Libre Baskerville', serif;
	font-size: .96em;
	width: 400px;
	color: #dde0db;
	text-shadow: rgba(255, 255, 255, 0.7) 0px 0px 4px;
}
#ingredients .floating-content{
	width: 550px;
    right: 40px;
    word-spacing: 2px;
	font-family: 'Libre Baskerville', serif;
	color: #dde0db;
}
#ingredients .floating-content h4, #ingredients .floating-content p span.fontSizeIncrease{
	font-size: 1.5em !important;
}
#ingredients .floating-content p span{
	font-family: 'Libre Baskerville', serif;
	color: #dde0db;
	font-size: .9em;
}
#ingredients .floating-content p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #dde0db;
	text-shadow: rgba(255, 255, 255, 0.7) 0px 0px 4px;
	margin-bottom: 0;
}
.contactContent h4{
	font-family: 'Libre Baskerville', serif;
}
.contactContent h4 span{
    font-size: 1.5em;
	position: relative;
    top: 5px;
}
.textRight{
	text-align: right!important;
}
.navbar-nav li a.active{
	border-bottom: 1px solid #fff;
}
.navbar-nav li a img{
	width: 35px;
	margin-top: -7px;
}
.no-border{
	border: 0 !important;
}
.spiced-title{
	display: none;
}
.site-logo{
	display: block;
}
.site-logo-mobile{
	display: none;
}
.navbar-brand{
	 margin-top: 10px;
}
#home-icon-menu-mob img {
	display: none;
}
@media(max-width:1024px) {
	.text-on-landing p{
		width: 500px;
	}
	.nav-mob-logo img{
		width: 150px;
	}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		font-size: 12px;
		padding: 0;
	}
	.navbar-default .navbar-nav {
		margin-top: 105px;
	}
	.navbar-brand {
		height: 150px;
		padding: 0;
	}
	#home .floating-legend-text {

	}
	#theDrinks .floating-content {

	}
	#ingredients .floating-content{
		width: 550px;
	}
	body#landing-page .background-image {
		-webkit-background-size: 72%;
		-moz-background-size: 72%;
		-o-background-size: 72%;
		background-size: 72%;
	}
	
}
@media(max-width:768px) {
	.navbar-brand {
		height: 90px;
		padding: 0;
	}
	.text-on-landing p{
		width: 475px;
	}
	.container {
		width: 100%;
	}
	.navbar-toggle {
		margin-top: 13px;
	}
	#home .floating-legend-text {
		bottom: 40px;
	}
	.navbar-default .navbar-nav {
		margin-top: 0px;
	}
	.navbar-default .navbar-nav {
		margin-top: 10px;
		width: 100%;
		margin: auto;
	}
	.navbar-default .navbar-nav li {
		border-left: none;
		border-top: 1px solid #fff;
		padding: 0;
	}
	.navbar-default ul.navbar-nav li:first-child {
		border-top: none;
	}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
		font-size: 16px;
		padding: 5px 0;
	}
	body#landing-page .background-image {
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;	
		background-size: 100%;
	}
	.text-on-landing{
		top: 50%;
	}
	body #home .home-background{
		background: transparent;
	}
	body.legend-home{
		height: 100%;
		background: url(../img/home-mob.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#home-icon-menu-mob img {
		width: 40px;
	}
	.navbar-toggle{
		padding: 12px 10px;
	}
	body #home .container{
		height: 100%;
		background: none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	body #theDrinks .the-drinks-background{
		background: transparent;
	}
	body.the-drink-body{
		height: 100%;
		background: url(../img/phone/the_drink.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	body #ingredients .ingredients-background {
		background: transparent;
	}
	body.ingredient-body {
		height: 100%;
		background: url(../img/phone/ingredients.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #000;
		background-position: -270px 0;
	}
	body #contact .contact-background {
		background: transparent;
	}
	body.contact-body {
		height: 100%;
		background: url(../img/phone/contact.jpg) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: #000;
	}
	.navbar-collapse{
		background-color: #000;
	}
	.navbar-collapse li.no-border{
		display: none;
	}
	#theDrinks .floating-content, #theDrinks .floating-content p{
		font-size: 1em;
		width: 285px;
	}
	.alignMiddleDrinks{
		right: 20px;
	}
	.spiced-title{
		display: block;
		width: 45%;
		margin: auto;
	}
	.site-logo{
		display: none;
	}
	.site-logo-mobile{
		display: block;
	}
	.main-section .container .home-background, .main-section .container .the-drinks-background, .main-section .container .ingredients-background, .contact-background{
		border-bottom: 0;
	}
	body#landing-page{
		background-size: cover;
	}
	body#landing-page .background-image{
		height: 100%;
		background: url(../img/landing-page-comp.gif) no-repeat center center fixed;
		-webkit-background-size: 72%;
		-moz-background-size: 72%;
		-o-background-size: 72%;
		background-size: 72%;
		background-color: #000;
	}
	.navbar-collapse.collapse{
	    position: absolute;
		width: 100%;
		z-index: 999;
	}
	#ingredients .floating-content{
		right: 20px;
	}
	#theDrinks .floating-content{
		right: 50px;
	}
	#home-icon-menu-mob{
		display: initial;
	}
}
@media(max-width:480px) {
	.main-section .container {
		border-bottom: none; 
	}
	.text-on-landing p{
		width: 275px;
	}
	.container {
		width: 100%;
	}
	#theDrinks .floating-content, #theDrinks .floating-content p{
		width: 100%;
	}
	#home .floating-legend-text {
		right: 0;
		padding: 10px 20px;
		width: 100%;
		text-align: justify;
		font-size: .8em;
		line-height: 2em;
		position: absolute;
		bottom: 0%;
	}
	.contact-logo {
		width: 20%;
		margin: 10px 0;
	}
	.contactContent h4{
		font-size: 1em;
	}
	.contactContent h4 span {
		font-size: 1.8em;
	}
	.nav-mob-logo img {
		width: 130px;
	}
	.navbar-brand {
		height: 45px;
		padding: 0;
	}
	#ingredients .floating-content p{
		font-size: 1em;
	}	
	#ingredients .floating-content p.no-marg, #ingredients .floating-content h4{
		text-align: center;
	}
	body#landing-page .background-image {
		-webkit-background-size: 200%;
		-moz-background-size: 200%;
		-o-background-size: 200%;
		background-size: 200%;
	}
	.text-on-landing{
		bottom: 10px;
	}
	body #home .container{
		background: transparent;
	}
	body.legend-home{
		height: 100%;
		background: url(../img/phone/legend.jpg) no-repeat left center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		/*background-position-x: -70px; */
		background-color: #000;
	}
	body.the-drink-body{
		background-color: #000;
	}
	#theDrinks .floating-content.alignMiddleDrinks {
		right: 0;
		padding: 10px 20px;
		width: 100%;
		text-align: justify;
		font-size: .8em;
		line-height: 2em;
		position: absolute;
		bottom: 5%;
	}
	#ingredients .floating-content.ingredients-content {
		right: 0;
		padding: 10px 20px;
		width: 100%;
		text-align: justify;
		font-size: .8em;
		line-height: 2em;
		position: relative;
	}
	.ingredient-body footer{
		position: relative;
	}
	body.ingredient-body {
		background-position: 0 0;
	}
}
@media(min-width:768px) {
	.container {
		width: 750px;
	}
}
@media(min-width:960px) {
	.container { 
		width: 970px;
	}
}
@media(min-width:1200px) {
	.container { 	 	
		width: 978px;
	}
}
@media(min-width:1200px) and (min-height:780px) {
	.container {
		width: 1160px;
	}
}
@media(min-height:520px){
	body.legend-home {
		/*background-position: -150px 0;*/
	}
}