div, article, header, body{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

html{
	width:100%;
	min-height:100%;
	
	font-family:'Oswald', sans-serif;
	font-weight:400;
}

body{
	width:100%;
	min-height:100%;
	overflow-x:hidden;
	
	background-color:#000000;
	background-image:url( '/background.jpg' );
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}


a{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#444;
}

.capitalise{
	text-transform:capitalize;
}

.uppercase{
	text-transform:uppercase;
}

#main_box{
	width:600px;
	position:fixed;
	left:10%;
	top:20%;
	margin-bottom:20px;
}

#white_container{
	width:100%;
	background-color:white;
	padding: 40px 40px 40px 40px;
}

#logo{
	text-align:center;
}

#logo img{
	max-height:210px;
	max-width:100%;
	margin:0;
}

#white_container h1, #white_container h2{
	margin:0;
}
#white_container h1{
	margin-bottom:0.3em;
	font-size:2.5em;
}

#white_container h2{
	font-size:1.7em;
}

#white_container p{
	font-family:'Open Sans', sans-serif;
}

@media screen and (min-width:750px) and (max-height:800px){
	#main_box{
		top:10%;
		position:absolute;
	}
}

@media screen and (max-width:750px){
	#main_box{
		width:90%;
		position:absolute;
		top:10%;
		left:5%;
	}
}

@media screen and (max-width:630px){
	body{
		font-size:0.8em;
	}
	#white_container{
		padding:10px 20px 20px 20px;
	}
}

@media screen and (max-width:530px){
	body{
		font-size:0.6em;
	}
}
@media screen and (max-width:350px){
	#main_box{
		width:100%;
		left:0;
		right:0;
	}
}