.safetyContainer h1, .safetyContainer h2, .safetyContainer h3, .safetyContainer .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.safetyContainer h2 { text-align: center; line-height: 36px; font-size: 30px; letter-spacing: -0.2px; font-family: 'Playfair Display', sans-serif; margin: 30px 0 0 0; font-weight: 400; padding: 0 }

.safetyContainer h2:after { display: block; content: "......."; font-weight: 700; font-size: 30px; line-height: 36px; color: #cdbf88; text-align: center; margin: -10px auto 15px; letter-spacing: 6px; }

.safetyContainer h3 { font-weight: 700; margin: 0 0 10px 0; padding: 0; font-size: 17px; line-height: 21px; font-family: 'open sans', arial, sans-serif; }

.safetyContainer h4 { color: #5f7b92; margin: 25px 0 0 0; text-transform: uppercase; font-size: 18px; }

.content-asset ul li { list-style: disc outside none; }

.videoContainer {
	position:relative;
	padding-bottom: 56.25%;
	height: 0;
}

.videoContainer iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

@media (min-width:768px) {

.safetyContainer h2 { font-size: 40px; line-height: 45px; letter-spacing: -0.2px; }

.safetyContainer h2:after { margin: 0px auto 20px; }

.safetyContainer h3 { font-size: 20px; line-height: 28px; }

}

/* Buckling Section */

section.buckling { display: block; text-align: center; margin: 0; }

.buckling article { background-color: #f2f2f2; padding: 0 0 35px 0; text-align: center; }

.buckling article:nth-of-type(3) { margin: 0; }

.buckling h3 { font-weight: 700; margin: 0 0 15px 0; padding: 0; line-height: 28px; font-size: 20px; }

.buckling p { margin: 0 30px 0 15px; text-align: center; }

.buckling .stepPhoto { display: block; width: 100%; height: auto; }

.buckling .stepPhoto { border-bottom: solid 10px #fff; }

.buckling .step { margin: -25px 0 20px 0; }

.buckling .button { border-radius: 30px; background-color: #365F63; color: #fff; padding: 13px 35px; font-family: Montserrat, serif; white-space: nowrap; font-size: 17px; margin: -10px auto 0; display: inline-block; text-decoration: none; text-transform: uppercase; line-height: 20px; border: solid 1px #365F63; font-weight: 600; }

.buckling .button span { display: block; }

.buckling .button:hover { /*background: #69a2b2;*/ background: #214346; }

.buckling .buckle-demo-video {margin: 0 auto; padding-bottom: 2em;}

@media (min-width: 580px) and (max-width: 767px) {

.buckling .button { display: inline-block; }

.buckling .button span { display: inline-block; }
}

@media (min-width: 768px) {

.buckling .group { display: flex; }

.buckling .group article { flex: 1 0 30%; margin: 0 20px 0 0; }

.buckling .group article:nth-of-type(3) { margin: 0; }

.buckling p { margin: 0 30px 0 35px; }

.buckling .button { display: inline-block; }

.buckling .button span { display: inline-block; }
}

@media (min-width: 1020px) {
.buckling .buckle-demo-video {width: 60%;}
}

/* Coat Sections */

section.coat { background: #f2f2f2; text-align: center; margin: 25px 0 0 0; padding: 35px 15px 20px; }

.coat p { text-align: center; }

.coat .group { display: block; }

.coat .group div p { text-transform: uppercase; font-size: 16px; font-weight: 700; }

.coat h2 { font-size: 35px; margin: 5px 0 20px 0; color: #444444; }

.coat h2:after { display: none; }

.coat p.dyk { font-family: Montserrat, serif; color: #2A464B; font-weight: 400; font-size: 22px; text-transform: uppercase; text-align: center; margin: 0; padding: 0; letter-spacing: 0.3px; }

@media (min-width: 768px) {

section.coat { padding: 45px 40px 30px; }

.coat .group { display: flex; padding: 0 40px; }

.coat .group div { flex: 1 0 calc(32% - 5px); margin-top: 5px; }

.coat .group div p { letter-spacing: 0.3px; }
}

/* Booster Section */

.booster { margin: 40px 0 0 0; }

.booster div { background-color: #f2f2f2; padding: 30px 25px; margin: 20px 0 25px; text-align: center; }

.booster div p { text-align: center; }

.booster div h3 { /*color: #799a7f;*/ color: #3D5140; text-transform: uppercase; letter-spacing: 0.3px; margin: 10px 0 20px 0; font-size: 22px; }

.booster div img.boosterMobile { margin: 0 auto 10px; max-width: 325px; width: 90% }

.booster div img.boosterDesktop { margin: 0 auto 10px; display: none; }

@media (min-width: 560px) {

.booster div img.boosterMobile { max-width: 325px; width: 100% }
}

@media (min-width: 768px) {

.booster div img.boosterMobile { display: none; }

.booster div img.boosterDesktop { display: block; }
}


p.footnotes { font-size: 10px; line-height: 14px; width: 90%; text-align: center; margin: 0 auto 20px; }