/**
 * Site-wide responsive safeguards.
 *
 * @package Deltraux
 */

#main-content {
	overflow-x: clip;
}

.deltraux-about,
.deltraux-approach,
.deltraux-industries {
	overflow-x: clip;
}

.container {
	min-width: 0;
}

.hero__grid,
.hero__visual,
.hero-diagram,
.funnel-diagram,
.industry__grid,
.authority__grid,
[class*="__grid"] {
	min-width: 0;
	max-width: 100%;
}

img,
svg {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
	.hero__visual {
		max-width: 100%;
		width: 100%;
	}

	.funnel-diagram {
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.hero__visual {
		justify-self: stretch;
	}
}

@media (max-width: 480px) {
	.container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.site-header .container {
		padding-left: 16px;
		padding-right: 16px;
	}
}