@media only screen and (max-width:1199px) {

}

@media only screen and (max-width:991px) {

	.hero {
		padding-top: 160px;
	}

	.hero-title {
		font-size: 64px;
	}

}


@media (max-width: 767px) {

	.header-tagline {
		display: none;
	}

	.hero {
		padding-top: 100px;
	}

	.hero-title {
		font-size: 42px;
	}

	.hero-meta {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.hero-meta-code {
		text-align: left;
	}

	.hero-video {
		margin-top: 30px;
	}

}

@media (max-width: 475px) {

}