/* ==========================================================================
   Helper classes
============================================================================= */
.sd-hidden,
.md-visible-only {
	display: block;
}
.md-hidden,
.sd-visible-only {
	display: none;
}

/* ==========================================================================
   Layout
============================================================================= */
.flex {
	display: flex;
	flex-wrap: wrap;
}
.column {
	padding: 32px;
	width: 100%;
}
.column-50 {
	padding: 32px;
	width: 50%;
}

/* ==========================================================================
   Document header
============================================================================= */
.document-header {
	padding-top: 0;
	padding-bottom: 0;
}


/* ==========================================================================
   Document footer
============================================================================= */
.document-footer {
	
}

/* ==========================================================================
   Document content
============================================================================= */
.document-content .column:nth-child(1) {
	height: 480px;
}
.document-content .column:nth-child(1) h1 {
	width: 640px;
	left: calc(50% - 320px);
}
.document-content .bottom-navigation li {
	margin: 32px;
}

/* ==========================================================================
   Specific styles
============================================================================= */
.home .document-content .column-50:nth-child(2) {
	padding-left: 64px;
}
.home .document-content .column-50:nth-child(3) {
	padding-right: 64px;
}
.home .document-content .column-50:nth-child(4) {
	padding-bottom: 60%;
	width: calc(50% - 64px);
}
.home .document-content .column-50:nth-child(5) {
	padding-bottom: 60%;
	width: calc(50% - 64px);
}
.services .document-content .column-50 {
	padding: 32px 64px;
}
.services .document-content .column-50:nth-child(2),
.services .document-content .column-50:nth-child(7),
.services .document-content .column-50:nth-child(8),
.services .document-content .column-50:nth-child(13),
.services .document-content .column-50:nth-child(16),
.services .document-content .column-50:nth-child(17) {
	padding-bottom: 50%;
}
.services .document-content .column-50:nth-child(3),
.services .document-content .column-50:nth-child(6),
.services .document-content .column-50:nth-child(9),
.services .document-content .column-50:nth-child(14),
.services .document-content .column-50:nth-child(15),
.services .document-content .column-50:nth-child(18) {
	align-self: center;
}
.services .document-content .column:nth-child(17) {
	padding: 64px 32px;
}
.contact .document-content .column-50:nth-child(2) {
	padding-left: 64px;
}
.contact .document-content .column-50:nth-child(3) {
	padding-right: 64px;
}
.quality-policy .document-content .column-50:nth-child(2) {
	padding-left: 64px;
}
.quality-policy .document-content .column-50:nth-child(3) {
	padding-right: 64px;
}