html,body {
	height:100%;
	padding:0;
	margin:0;
}


body {
	background-image:url('rsz_bg.jpg');
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	font-family:eurostileregular, sans-serif;
	color:#FFF;
}

@font-face {
    font-family: 'eurostileregular';
    src: url('fonts/eurostile-webfont.eot');
    src: url('fonts/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/eurostile-webfont.woff2') format('woff2'),
         url('fonts/eurostile-webfont.woff') format('woff'),
         url('fonts/eurostile-webfont.ttf') format('truetype'),
         url('fonts/eurostile-webfont.svg#eurostileregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	box-sizing:border-box;
}

img {
	max-width:100%;
	height:auto;
}

.header {
	text-transform: uppercase;
    font-weight: bold;
	font-size:28px;
    margin: 0;
	margin-bottom:-5px;
    padding:30% 0 0 0;
    letter-spacing: 5px;
}

.border {
	display:block;
	width:100%;
	height:3px;
	background-color:#FFF;
}

.container {
	padding:0 15px;
	max-width:100%;
	margin:0 auto;
}

@media only screen and (min-width: 768px) {
	
	.header	{
		font-size: 58px;
		padding-top:80%;
		margin-bottom:-10px;
	}
	
	.border {
		height:6px;
	}
	
	.container {
		width: 750px;
	}
}

@media only screen and (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}