body {
	background-color: #f5f5f5;
}

.centerImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 480px) {
	h1 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 7vw;
		padding-top: 10vw;
	}

	h2 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 3.5vw;
	}

	img {
		width: 50vw;
	}
}

@media only screen and (min-width: 481px) {
	h1 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 7vw;
		padding-top: 5vw;
	}

	h2 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 3.5vw;
	}

	img {
		width: 50vw;
	}
}

@media only screen and (min-width: 768px) {
	h1 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 7vw;
		padding-top: 2.5vw;
	}

	h2 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 3.5vw;
	}

	img {
		width: 50vw;
	}
}

@media only screen and (min-width: 1024px) {
	h1 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 7vw;
		padding-top: 1.5vw;
	}

	h2 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 3.5vw;
	}

	img {
		width: 50vw;
	}
}

@media only screen and (min-width: 1200px) {
	h1 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 5vw;
	}

	h2 {
		color: #000000;
		text-align: center;
		font-family: 'Roboto', sans-serif; 
		font-size: 2.5vw;
	}

	img {
		width: 30vw;
	}
}