/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Remove the margin in all browsers (opinionated). */
body {
	margin: 0;
}

/* Prevent adjustments of font size after orientation changes in iOS. */
html {
	-webkit-text-size-adjust: 100%;
}

/* Add the correct font weight in Chrome, Edge, and Safari. */
strong {
	font-weight: bolder;
}

@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans-Light.ttf') format('ttf');
	font-weight: 300;
}
@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans-Regular.ttf') format('ttf');
	font-weight: 400;
}
@font-face {
	font-family: 'Open Sans';
	src: url('OpenSans-Bold.ttf') format('ttf');
	font-weight: 700;
}

body {
	font-family: 'Open Sans', sans-serif;
}

#mc-home {
	align-items: center;
	background-color: #fff;
	display: flex;
	justify-content: center;
	height: 100vh;
}
	#mc-home div {
		text-align: center;
	}
	#mc-home h1 {
		color: #666;
		text-transform: uppercase;
	}
	#mc-home p {
		color: #222;
	}
@media screen and (max-width: 600px) {
	#mc-home h1 {
		font-size: 60px;
	}
	#mc-home p {
		font-size: 36px;
	}
}
@media screen and (min-width: 601px) and (max-width: 1000px) {
	#mc-home h1 {
		font-size: 72px;
	}
	#mc-home p {
		font-size: 42px;
	}
}
@media screen and (min-width: 1001px) {
	#mc-home h1 {
		font-size: 96px;
	}
	#mc-home p {
		font-size: 48px;
	}
}