@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
.intro {
	height:100%;
	width:100%;
	margin:auto;
	background-color: rgb(115,120,130);
	display:table;
	top:0;
	background-size:cover;
}
.intro .inner {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	max-width:none;
}
.content {
	max-width:500px;
	margin: 0 auto;
	text-align: center;
}
.content h1 {
	font-family: 'Roboto', sans-serif;
	color: #FFFFFF;
	text-shadow: 0px 0px 300px #000;
	font-size:250%;
}
.content p {
	font-family: 'Roboto', sans-serif;
	color: #FFFFFF;
	text-shadow: 0px 0px 300px #000;
	font-size:150%;
}
@media screen and (max-width: 768px) {
	.content img {
		max-width:60%;
		height: auto;
	}
	.content h1 {
		font-size:150%;
	}
	.content p {
		font-size:100%;
	}
}