html, body {
	height: 100%;
	font-family: 'Oswald', 'Arial Narrow', 'Helvetica Narrow',
		'Helvetica Condensed', 'Roboto Condensed', sans-serif;
	color: #0d3044;
	font-size: 14px;
	font-weight: 400;
	background-color: #fff;
}

.cover-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

.cover-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
}

.cover-container {
	margin-right: auto;
	margin-left: auto;
}

.cover {
	padding: 0;
	text-align: center;
}

.container {
	width: 320px;
}


h1 {
	font-size: 1.6em;
	padding-top: 0.8em;
}

img {
	width: 200px;
	height: auto;
}



@media ( min-width : 399px) {
}

@media ( min-width : 700px) {
	html, body {
		font-size: 17px;
	}
	.container {
		width: 385px;
	}
	img {
		width: 240px;
	}
	


}

@media ( min-width : 768px) {
	html, body {
		font-size: 18px;
	}
	.container {
		width: 560px;
	}


}

@media ( min-width : 992px) {

}

@media ( min-width : 1200px) {
	html, body {
		font-size: 21px;
	}
	.container {
		width: 680px;
	}
	img {
		width: 280px;
	}

	h1 {
		font-size: 1.5em;
	}

}

@media ( min-width : 1600px) {
	html, body {
		font-size: 23px;
	}


	.container {
		width: 720px;
	}
}