@media (min-width: 1200px) {
    .display-5 {
		font-size: 2.35rem;
    }
}

@media (max-width: 991px) {
	body {
		padding-top: 70px;
	}

	.hero {
		min-height: auto;
		padding: 120px 0 80px;
	}

	.hero-card {
		animation: none;
	}

	.hero-config {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.section {
		padding: 64px 0;
	}

	.range-number-input {
		max-width: 100%;
		flex: 1 1 100%;
	}

	.hero-stats {
		grid-template-columns: 1fr;
	}

	.carousel-card {
		padding: 28px;
	}

	.brand-block,
	.case-card,
	.contact-form,
	.hero-card {
		padding: 22px;
	}

	.diagram-grid {
		grid-template-columns: 1fr;
	}

	.diagram-preview {
		min-height: 190px;
	}

	.system-grid {
		grid-template-columns: 1fr;
	}

	.stats-band {
		margin-top: -22px;
		margin-bottom: -22px;
	}

	.contact-pill {
		grid-template-columns: auto 1fr;
	}

	.contact-copy,
	.contact-pill-note {
		grid-column: 1 / -1;
		justify-self: start;
		margin-left: 56px;
		margin-top: 4px;
	}
}

@media (max-width: 575px) {
	.display-5 {
		font-size: 2.1rem;
	}

	.btn-lg {
		width: 100%;
	}

	.navbar .btn {
		width: 100%;
		margin-top: 12px;
	}
}