@font-face {
	font-family: BebasKai;
	src: url("../fonts/BebasKai-Regular.otf") format("opentype");
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgb(244,242,236);
	font-family: BebasKai;
}

table {
	width: 100%;
	height: 100%;
}

table > tbody > tr > td {
	padding: 0 20px;
	vertical-align: middle;
}

h1 {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 54px;
	font-weight: 400;
	letter-spacing: 7px;
	margin: 0;
	text-transform: uppercase;
}

p {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 30px;
	letter-spacing: 3px;
	margin: 0;
	text-transform: uppercase;
}

@media (max-width: 750px) {
	h1 {
		font-size: 28px;
		letter-spacing: 4px;
		line-height: 28px;
		margin: 0 0 7px 0;
	}
	
	p {
		font-size: 16px;
		letter-spacing: 2px;
	}
}