.home-banner{
	background-color: rgba(75, 75, 75, .6);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #FFFFFF;
}


body{
	background-color: transparent;
}

html {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		
		background-attachment: scroll;
}

/* extra large displays */
@media only screen and (min-width: 2001px) {
	html {
		background-position: 60% 50%;
		background-image: url("/static/img/bkg-xl.jpg"); 
	}
}

/* large displays */	
@media only screen and (max-width: 2000px) {
	html {
		background-image: url("/static/img/bkg-lg.jpg") 
	}
	
	.banner-background  h1{
		font-size: 40px;
	}
}

/* medium displays */
@media only screen and (max-width: 1200px) {
	html{
		background-image: url("/static/img/bkg-md.jpg"); 
		background-position: 60% 50%;
	}
	
	.banner-background  h1{
		font-size: 40px;
	}
}

/* small displays */
@media only screen and (max-width: 992px) {
	html {
		background-image: url("/static/img/bkg-sm.jpg"); 
	}
	
	.banner-background  h1{
		font-size: 40px;
	}
}


/* extra-small displays */
@media only screen and (max-width: 376px) {
    html {
		background-image: url("/static/img/bkg-xs.jpg"); 
	}
	
	.banner-background  h1{
		font-size: 30px;
	}
}