

body {

/* Location of the image */

  background: url(../images/under_construction_bg.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));

  

  /* Background image is centered vertically and horizontally at all times */

  background-position: center bottom;

  

  /* Background image doesn't tile */

  background-repeat: no-repeat;

  

  /* Background image is fixed in the viewport so that it doesn't move when 

     the content's height is greater than the image's height */

  background-attachment: fixed;

  

  /* This is what makes the background image rescale based

     on the container's size */

  background-size: cover;

  

  /* Set a background color that will be displayed

     while the background image is loading */

 /* background-color: #464646;*/

  

  background-blend-mode: overlay;

}





.centerdiv {

	width: 1000px;

	margin: 0 auto;

	padding-top: 100px;

	

}





.logodiv {

	background-image: url(../images/under_construction_logo.png);

	background-repeat: no-repeat;

	background-size: 305px 100px;

	height: 100px;

	padding-bottom:40px;

}



.comingsoondiv {

	background-image: url(../images/under_construction_coming_soon.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 1000px 162px;

	height: 162px;

	padding-bottom: 50px;

	

}



.progressdiv {

	padding: 10px 30px;

}



.progress{

	background-color: rgba(255,255,255,0.2);

}



.progress-bar{

	background-color: #FFF;

	color: #555;

	font-family: Syncopate;

	font-weight: 700;

}



.socialmediadiv{

	text-align: center;

	color: #FFF;

	font-family: Alata;

}



.socialmedia {

	display: inline-block;

	padding: 10px;

	vertical-align: middle;

	line-height: 30px;

}



.socialmedia a, .socialmedia a:visited {

	color: #FFF;

	text-decoration: none;

}







@media only screen and (max-width: 1000px) {

	

	.centerdiv {

	width: 80%;

	}

	

	.comingsoondiv {

		background-size: contain;

	}

}



