body {
	margin:0px;
	padding:0px;
	background:#111;
	text-align:center;
	font-family:'Work Sans', sans-serif;
	color:#DDD;
	font-size:24px;
	lineheight:38px;
}
* {
	box-sizing:border-box;
}
a:link, a:visited, a:active, a:hover { color:#FFF; text-decoration:none; }
img {border:none;}
h1, h2, h3, h4, h5, h6 {font-weight:300; margin:0px; padding:0px 0px; }
p {
	margin-bottom:35px;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
#header {
	background:url('./images/buildings.png') no-repeat center top;
	background-size:cover;
	height:100vh;
	background-color:#20172F;
}
.header-wrapper {
	position:absolute;
	top:110px;
	right:0;
	text-align:center;
}
h1 {
	font-family:'uniwars', Arial, Sans-Serif;
	font-size:60px;
	line-height:46px;
	color:#FFF;
}
h2 {
	margin-top:30px;
	color:#FFF;
	font-size:25px;
	line-height:32px;
}
h3 {
	font-family:'uniwars', Arial, Sans-Serif;
	font-size:25px;
	line-height:26px;
}
a.cta-button {
	margin-top:30px;
	display:inline-block;
	padding:15px 35px;
	border-radius:40px;
	height:60px;
	color:#FFF;
	background-color:#20172F;
	transition:all .2s;
	border:2px solid #FFF;
	text-transform:uppercase;
}
a.cta-button:hover {
	background-color:#FFF;
	color:#000;
}
.inner {
	max-width:1140px;
	margin:0px auto;
	position:relative;
}
.intro-text {
	padding:90px 190px 10px 190px;
	text-align:left;
}

.links {
	padding:30px 0;
	text-align:center;
}
.links .card {
	width:30%;
	border:2px solid #DDD;
	background:#111;
	margin:15px 15px;
	float:left;
	padding:30px 30px;
	text-align:center;
	height:300px;
}
.links .card a.cta-button {
	margin-top:0;
	border-color:#DDD;
	color:#DDD;
	background-color:#111;
	height:44px;
	border-radius:22px;
	padding:9px 22px;
	font-size:18px;
	text-transform:uppercase;
}
.links .card a.cta-button:hover {
	color:#111;
	background-color:#DDD;
}

#footer {padding:20px;color:#DDD;font-size:16px;}

@media screen and (max-width:768px) {
	.strapline {padding:30px 35px 10px 35px;}
	.strapline h2 {font-size:30px;line-height:34px;}
	.strapline h2 span {font-size:26px;}
	#footer {font-size:18px;}
}

@media screen and (max-width:400px) {
	.strapline {padding:30px 25px 10px 25px;}
	.strapline h2 {font-size:24px;line-height:28px;}
	.strapline h2 span {font-size:20px;}
}

@font-face {
    font-family: 'uniwars';
    src: url('fonts/uniwars_bd_it-webfont.eot');
    src: url('fonts/uniwars_bd_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/uniwars_bd_it-webfont.woff2') format('woff2'),
         url('fonts/uniwars_bd_it-webfont.woff') format('woff'),
         url('fonts/uniwars_bd_it-webfont.ttf') format('truetype'),
         url('fonts/uniwars_bd_it-webfont.svg#uniwars_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}