h1,h2 {
	text-align: center;
	margin-bottom: 40px;
	color: #555;
}

body {
	font-family: 'Roboto Condensed';
	font-weight: 300;
	background: #f0f0f0;
	margin: auto;
	height: 100%;
	display: table;
}

body > div {
	display: table-cell;
	vertical-align: middle;
}

body > div > div {
	padding: 40px;
	background: white;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
}

a.info {
	display: block;
	background-color: #d96b53;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 15px;
	width: 200px;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	background-image: linear-gradient(to bottom, #e4623f, #d64c31);
}

a.info:hover {
	background-color: #d96b53;
	color: #ffffff;
	background-image: none;
}

a.info:active {
	background-color: #cc4a2d;
	color: #ffffff;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}


a.promo {
        display: block;
        background-color: #9E9E9E;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        padding: 15px;
        width: 200px;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.07);
        background-image: linear-gradient(to bottom, #9E9E9E, #6E6E6E);
}

a.promo:hover {
        background-color: #9E9E9E;
        color: #ffffff;
        background-image: none;
}

a.promo:active {
        background-color: #7C7C7C;
        color: #ffffff;
        background-image: none;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}