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

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
}

body {
	font-family: 'Strait', sans-serif;	
}

img {
	max-width: 100%;
}

#wrapper {
	width: 100%;
	height: 100%;
	text-align: center;	
}

#giant-heading {
	text-shadow: 0 0 10px #fff;
}

#sub-heading {
	text-shadow: 0 0 10px #fff;	
}

#contact {
	color: #fff;
	text-shadow: 0 0 10px #000;	
}

#andstenberg-logo {
	position: absolute;
	bottom: 5%;
	right: 3%;
	width: 10%;
	height: 10%;	
}

#andstenberg-logo img {
	box-shadow: 0 0 5px #000;
}


/* Wide desktop */
@media (min-width: 1650px)  {

	h1 {
		font-size: 5rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	#giant-heading {
		margin-top: 10%;
	}

	#sub-heading {
		margin-top: 1%;
	}

	#contact {
		margin-top: 20%;
	}

}

/* Large desktop */
@media (min-width: 980px) and (max-width: 1649px) {

	h1 {
		font-size: 4rem;
	}

	h2 {
		font-size: 2rem;
	}

	#giant-heading {
		margin-top: 15%;
	}

	#sub-heading {
		margin-top: 1%;
	}

	#contact {
		margin-top: 30%;
	}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	h1 {
		font-size: 3.5rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	#giant-heading {
		margin-top: 20%;
	}

	#sub-heading {
		margin-top: 1%;
	}

	#contact {
		margin-top: 40%;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	h1 {
		font-size: 3.5rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	#giant-heading {
		margin-top: 10%;
	}

	#sub-heading {
		margin-top: 1%;
	}

	#contact {
		margin-top: 40%;
	}

	#andstenberg-logo {
		bottom: 1%;
		right: 3%;
		width: 10%;
		height: 10%;	
	}

}
 
/* Landscape phones and down */
@media only screen and (max-device-width: 480px) {

	h1 {
		font-size: 3rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	#giant-heading {
		margin-top: 25%;
	}

	#sub-heading {
		margin-top: 1%;
	}

	#contact {
		margin-top: 40%;
	}

	#andstenberg-logo {
		bottom: 1%;
		right: 3%;
		width: 15%;
		height: 15%;	
	}

}