@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{background:#000 url("../img/main-background.jpg") no-repeat;background-size:cover;font-family:'Open Sans';}

a, a:hover, a:visited,a:active {color:#DDAD3E;text-decoration:none;outline:none;}
h1{font-size: 1.4rem;}
h2{font-size: 1.2rem;}
h3{font-size: 1rem;}
h4{font-size: 0.9rem;}
h5{font-size: 0.7rem;}
h6{ font-size: 0.5rem;}

ul{list-style-type:none;}

img {width: 100%;}

.no-padding{padding:0}

.header { background: #0b0909; width:100%; text-align: center;}
.header img{ max-width: 300px; }

.content {
	width:100%; 
	max-width: 1300px; 
	height: 100%; 
	max-height: 480px; 
	margin: 0 auto; 
	position: relative; 
	background:#000 url("../img/content-bg.jpg") no-repeat;
	background-position: center top; 
	background-size: cover;
}

.content .text, .content .legal, .content .plus { position: absolute; }
.content .text { 
	width: 95%; 
	max-width: 563px; 
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	padding: 4rem 2rem 0 2rem;
}
.content .plus {width: 95%; max-width: 423px; bottom: 0; left: 0; padding: 2rem;}
.content .legal { width:40%; max-width: 130px; bottom: 0; right: 0; padding: 2rem;}


@media only screen and (max-width: 40em) {
	.content {
		width:100%; 
		max-width: 320px; 
		height: 100%; 
		max-height: 420px; 
		margin: 0 auto; 
		position: relative; 
		background:#000 url("../img/content-bg-small.jpg") no-repeat;
		background-position: right top; 
		background-size: cover;
	}
	.content .text { top: 30%; }
	.content .legal { margin-bottom: 2rem;}
}