/* One page shell for the public site. Bootstrap .container stays unchanged
   so modals, dropdowns and the header chrome keep their own sizes. */
.onp-page{
	box-sizing:border-box;
	width:100%;
	max-width:1520px;
	margin-left:auto;
	margin-right:auto;
	padding-left:32px;
	padding-right:32px;
}
@media (max-width:1024px){
	.onp-page{
		padding-left:24px;
		padding-right:24px;
	}
}
@media (max-width:767px){
	.onp-page{
		padding-left:16px;
		padding-right:16px;
	}
}

/* Inner pages sit a short step below the fixed navigation.
   The homepage hero starts directly under it. */
.wrapper_all:not(.is-home) > .content_container.onp-page,
.wrapper_all:not(.is-home) > .breadcrumbs_background > .onp-page{
	padding-top:28px;
}
.wrapper_all:not(.is-home) > .breadcrumbs_background + .content_container.onp-page{
	padding-top:8px;
}
@media (max-width:767px){
	.wrapper_all:not(.is-home) > .content_container.onp-page,
	.wrapper_all:not(.is-home) > .breadcrumbs_background > .onp-page{
		padding-top:16px;
	}
}

/* A second .container inside the shell must not pull the page back to 1170px. */
.onp-page .container,
.onp-page .container_product,
.onp-page .row2,
.onp-page .section_subtitle_cont.container,
.onp-page .ctcat,
.onp-page .homepage-section,
.onp-page .about-section,
.onp-page .service-onp,
.onp-page .tech-grid,
.onp-page .onp-process__wrap,
.onp-page .ind3{
	box-sizing:border-box;
	width:100%;
	max-width:none;
	float:none;
}
.onp-page .container,
.onp-page .container_product,
.onp-page .section_subtitle_cont.container{
	padding-left:0;
	padding-right:0;
}

/* Long text stays readable. Tables, catalogs and forms are not in this box. */
.onp-page .page_content{
	max-width:860px;
}
.onp-page .page_content img,
.onp-page .page_content iframe,
.onp-page .page_content video{
	max-width:100%;
	height:auto;
}