
html { 
  background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html {
	  background: url(images/background.jpg) no-repeat center center\9;
}
body{
	background: url('images/global-tagline-background.png') no-repeat  center 0;

}



.contentContainer .panel-with-title{
	border-color: #6bab3d
}
/* Hero **************************************/
.main-content{
	background: url('images/hero-back.png') no-repeat center center;
	margin-top: 90px
}
.hero{
	text-align: center;
	margin-bottom: 2em;
	background: 
}
.hero p{
	position: relative;
 	text-shadow: 
 	-1px 1px 3px #fff, 
 	 1px -1px 3px #fff,
 	-1px 1px 3px #fff,
 	 1px -1px 3px #fff,
 	-1px 1px 3px #fff, 
 	 1px -1px 3px #fff,
 	-1px 1px 3px #fff,
 	 1px -1px 3px #fff,
 	-1px 1px 3px #fff, 
 	 1px -1px 3px #fff ;
 	color:#ed1c24;
 	font-family: Barmeno;
 	margin-bottom: 0;
 	display: table-cell;
 	vertical-align: middle;

 	font-size: 1.2em
}
.hero small{
	margin-left: -7px;
	margin-top: 2px;
	display: inline-block;
	position: absolute;
	font-size: 10px
}
.hero h2{
	font-size: 1.8em;
	color:#612c9a;
	font-family:'Barmeno-Bold';
	line-height: 1em;
	display: table-cell;
 	vertical-align: middle;
}
.hero .vitafusion p{
	color:#61259e;
}
.hero .vitafusion .h-description p{
	font-size: 1.05em
}
.hero .h-title,.hero .h-text,.hero .h-description{
	width: 100%;
	display: table;
}
.hero .h-title{
	height: 80px;
}
.hero .h-text{
	height: 40px
}
.hero .h-image{
	height: 222px
}
.hero .h-description{
	height: 66px
}
.hero .h-text+.h-text{
	height: 80px
}
/* Media Queries ***************************************/
@media only screen and (max-width: 40em) { 
	.tagline{
		background: url('images/global-tagline-background-mobile.png') no-repeat 0 bottom;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  min-height: 70px;
	}
	body{
		background: none
	}
	.main-content{
		background: none;
		margin-top: 50px
	}
	.columns.vitafusion {
    	margin-top: -65px;
    	margin-bottom: 40px;
	}
	/* Hero */
	.hero {
		margin-top: -50px
	}
	.hero .h-title,
	.hero .h-text,
	.hero .h-description,
	.hero .h-image{
		height: auto; 	
	}
	.hero .h-title h2{
		height: 80px
	}
	.hero .h-text p,
	.hero .h-description p{
		margin: 1em 0;
		display: block;
	}
	.hero .columns:first-child{
		background: url('images/banners/vitafussion-back.png');
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;  
	  	background-repeat: no-repeat;
	  	background-position: center center;
	  	height: 390px;
	}
	.hero .columns{
		background: url('images/banners/product-2-back.png');
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;  
	  	background-repeat: no-repeat;
	  	background-position: center center;
	}
	.hero .columns:last-child{
		background: url('images/banners/product-1-back.png');
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;  
	  	background-repeat: no-repeat;
	  	background-position: center center;
	}
	.menu-mobile{
		display: none;
	}
} 

