html, body {
	margin:				0px;
	padding:			0px;
	font-size:			12px;
	font-family:		'Open Sans';
	font-weight:		300;
	height: 100%;
}

body {
	background:			url(../asset/pattern-block.png) repeat,
						url(../asset/wallpapr.jpg) no-repeat center center fixed;
	-webkit-background-size:	auto, cover;
	-moz-background-size: 		auto, cover;
	-o-background-size: 		auto, cover;
	background-size: 		auto, cover;
}

.ds-container {
	display:		flex;
	flex:			1 1 auto;
	flex-direction:		column;
}

.ds-logo {
	text-align: 		center;
	width: 			100%;
}

.ds-logo > img {
	margin-top: 50px;
	width: 90%;
	max-width: 800px;
}

.ds-links {
	color: 			#FFFFFF;
	flex:			1 0 auto;
	flex-direction:		column;
	display: 		flex;
	align-items:		center;	
	justify-items:		center;
	margin-top:		50px;
	margin-bottom: 		50px;
}

.ds-link {
	height:				30px;
	background-color:	rgba(0, 0, 0, 0.25);
	border-radius:		10px;
	width:				200px;
	font-size:			20px;
	padding:			15px;
	margin-right:		15px;
}

.ds-link a,
.ds-link a:hover {
	color:				#FFFFFF;
}

.ds-link__icon {
	float: 				left;
	height:				30px;
	width: 				30px;
	margin-right:		15px;
}

.ds-link__icon img {
	height:				30px;
	width:				30px;
}

.ds-link__text {
	float:				left;
}

.clear {
	clear:				both;
}

.text--heavy {
	font-weight: 		700;
}