@font-face {
    font-family: RobotoRegular;
    src: url(../fonts/Roboto-Regular-webfont.woff);
}

@font-face {
	font-family: RobotoLight;
	src: url(../fonts/Roboto-Light.woff);
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.content {
	height: 100%;
	background: url(../images/research-cloud-background-big_cropped.jpg) no-repeat;
	background-size: contain;
	background-position: top left;
}

.text-content-outer {
	display: table;
	height: 100%;
	max-width: 850px;
	margin-left: 70vh;
	padding-right: 50px;
}

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

#heading, #under-heading, #text, #contact {
	display: block;
}

#heading {
	font-family: RobotoRegular;
	font-size: 64px;
	color: #0091d0;
	font-weight: bold;
}

#under-heading {
	font-family: RobotoLight;
	font-size: 38px;
	color: #403f40;
	margin-bottom: 20px;
}

#text, #contact {
	font-family: RobotoRegular;
	font-size: 17px;
	color: #403f40;
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #0091d0;
}

@media screen and (max-width: 1080px) {
	.content {
		background: none;
	}

	.text-content-outer {
		padding: 0;
		margin: auto 50px;
	}
}