html {height: 100%;}
body {margin: 0; padding: 30px; background: url(images/bg.jpg) no-repeat center center; background-size: cover; height: 100%; position: relative; box-sizing:border-box; color: #FFF; font-family: 'Apercu'; font-weight: 100; font-style: normal; text-transform: uppercase;}
a {color: #FFF; text-decoration: none;}

h1 {letter-spacing: 7.5px; font-size: 17px; padding: 0; margin: 0; line-height: 28px;}
h1.lower {margin: 50px 0;}
h2 {letter-spacing: 5px; font-size: 12px; line-height: 25px; padding: 0; margin: 0;}

.container {width: 100%; background: #000; height: 100%; position: relative;}
.table {display: table; width: 100%; text-align: center; height: 100%}
.table .cell {display: table-cell; vertical-align: middle;}

.wrapper {}

.emblem {position: absolute; top: 40px; right: 40px;}
.logo {margin: 50px 0 30px; border-bottom: 2px solid #FFF; padding:0 20px 60px;}





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

.container {padding: 40px; box-sizing:border-box;}

.emblem {position: relative; top: auto; left: auto; right: auto; margin: 40px auto 80px; display: block;}

.logo {}

.table {height: auto;}

}


@media only screen and (max-width:690px) {
	
	html {height: auto;}
	body {height: auto; background: cover; padding: 20px;}
	.container {padding: 30px;}
	.emblem {margin: 0 auto 40px}
	.logo {max-width: 100%; width: auto; box-sizing:border-box;}

}