* , * :before, * :after
{
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

html, body
{
	width: 100%;
	height: 100%;
}

html
{
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none
}

body
{
	color: #7c7c7c;
	font-family: 'Gotham', sans-serif;
	font-size: 12px;
	font-weight: 300;
}

body::before
{
	content: "";
	position: fixed;
	left: 15px;
	bottom: 15px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	width: 15px;
	height: 15px;
}

h1, h2, h3, h4, h5, h6
{
	color: #675dc6;
	font-weight: 300;
	letter-spacing: 1px;
}

h1
{
	margin-top: 0;
	margin-left: -2px;
	margin-bottom: 10px;
	line-height: 35px;
	font-size: 40px;
	font-weight: 700;
}

h2
{
	margin-top: 0;
	margin-bottom: 25px;
	line-height: 19px;
	font-size: 19px;
}

p
{
	margin-top: 0;
	margin-bottom: 10px;
}

img
{
	max-width: 100%;
}

.table
{
	position: relative;
	z-index: 100;
	margin: 0 auto;
	padding: 20px;
	height: 100%;
	display: table;
}

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

.container
{
	width: 425px;
}

.line
{
	position: absolute;
	top: 0;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	height: 100%;
}

.line-1 { left: 12.5%; }
.line-2 { left: 25%; }
.line-3 { left: 37%; }
.line-4 { left: 50%; }
.line-5 { left: 62.5%; }
.line-6 { left: 75%; }
.line-7 { left: 87.5%; }