@media (max-width: 1199px) {
	.splash {
		height: 100vh;
	}
}

@media (max-width: 991px) {
	h1 {
		font-size: 50px;
	}

	.splash .wrapper {
		top: 150px;
		font-size: 18px;
	}

	footer,
	footer .footer-social {
		text-align: center;
	}

	footer .footer-social {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	header {
		padding-left: 20px;
		padding-right: 20px;
	}

	header a.logo img {
		max-width: calc(100vw / 2.7);
	}

	header .social {
		padding-top: 2%;
		white-space: nowrap;
	}

	.splash {
		background: url('../images/homepage-background-mobile.jpg') no-repeat center top / cover;
		height: 600px;
		min-height: inherit;
		max-height: inherit;
	}

	.splash-mobile {
		margin-top: 40px;
		margin-bottom: 50px;
	}

	.splash-mobile p {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 630px) {
	.hashtag {
		font-size: 7.5vw;
	}

	a.button {
		min-width: inherit;
		padding-left: 8%;
		padding-right: 8%;
	}
}

@media (max-width: 430px) {
	h1 {
		font-size: 40px;
	}

	header .social {
		display: none;
	}
}