* {
	position: relative;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html, body {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	width: 100%;
	font-family: 'Pacifico', cursive;
}

.biggy {
	display: flex;
	width: 100%;
	min-height: 100vh;
	padding: 5rem 10%;
	background: #000 url(images/kosmos-background.jpg) bottom center no-repeat;
	background-size: cover;
	color: #ececec;
}
.main {
	width: 72%;
	margin: auto auto;
	padding: 2rem 7%;
	background: rgba(10,10,10,0.4);
	border: 0.1rem solid rgba(95, 39, 205, 0.5);
	border-radius: 5%;
}
.main h1 {
	margin: 2rem 0;
	font-size: 2.2rem;
	font-weight: 100;
	line-height: 1.4;
	text-align: center;
}
.main p {
	font-size: 1.4rem;
	padding: 0.8rem 8%;
}

@media only screen and (max-width: 920px) {
	html, body {
		font-size: 12px;
	}
	.biggy {
		padding: 2rem 2%;
		border-radius: 1rem;
	}
	.main {
		width: 94%;
	}
	.main h1 {
		font-size: 1.8rem;
		margin: 1rem 0;
	}
	.main p {
		font-size: 1.6rem;
	}
}