html { 
	background: url("../img/bg.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bgImgOverlay {
	overflow: hidden;
	width: 100%;
	height: 100%;
	top:        0; 
  	left:       0; 
 	position:   absolute; 
	background: rgba(0, 0, 0, 0.65);
}

.centeredContent {
	position: fixed;
    height: 50%;    
    width: 50%;
    top: 25%;
    left: 25%;
    text-align: center;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	opacity: .999;
}
	.centeredContent h1 {
		font-size: 3.5em;
		font-weight: 700;
		margin-bottom: .25em;
	}
	.centeredContent p {
		font-size: 1.5em;
	}
	.centeredContent hr {
		border-top: 1px solid #fff;
		margin: 0 auto;
		width: 15%;
	}

@media screen and (max-width:768px) {
	.centeredContent {
	    width: 70%;
	    left: 15%;
	}
		.centeredContent h1 {
			font-size: 2em;
		}
		.centeredContent p {
			font-size: 1em;
		}
}