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

}

@media screen and (max-width: 767px) {
	body {font-size: 16px;}
	
	.index__hero {
		flex-flow: column;
		padding-top: 20px;
		gap: 50px;
		margin-bottom: 40px;
	}
	.index__hero-nav {
		position: relative;
		top: 0px;
		left: 0px;
		flex-flow: column;
		align-items: center;
		gap: 20px;
	}
	
	.index__hero-title {font-size: 40px;}
	.index__hero-lead {font-size: 18px;}
	
	.index__lead-title {font-size: 24px;}
	.index__lead-excerpt {font-size: 18px;}
	
	.index__media {padding: 30px 15px;}
	.index__media-title {font-size: 24px;}
	
	.index__footer {padding-bottom: 40px;}
}