html,body { position: absolute; display: block; margin: 0; padding: 0 ; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; overflow: auto; font-family: 'DM Sans',Sans,sans-serif; }
div.curtain { position: fixed; display: block; z-index: 99; opacity: 1; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; overflow: hidden; background-color: #222; background-color: rgba(0,0,0,0.85); }
div.curtain.raised { display: none; z-index: -99; opacity: 0; }
div.curtain iframe { margin: 12.5vw 25vw; width: 50vw; height: calc(50vw * (630/1120)); }
div.curtain p { position: absolute; display: inline-block; text-align: center; margin: 0 auto; padding: 0; top: 82.5vh; width: 100%; font-weight: 700; color: white; text-shadow: 0 0 2px rgba(0,0,0,0.85); }

/* - - - Headers - - - */

h1,h2,h3,h3,h4 { display: black; text-align: center; margin: 0; padding: 0; direction: ltr; font-weight: normal; font-style: normal; line-height: 1.5; border: 0 solid #333; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; }

h1 { font-family: 'Yesteryear'; font-size: 45px; color: rgb(76, 184, 72); }
h2 { font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 36px; font-weight: 700; line-height: 1.333; color: white; }
h3 { margin-bottom: 15px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 32px; font-weight: 500; color: black; }
h4 { font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 25px; font-weight: 700; text-transform: uppercase; color: black; }

p { margin: 8px 0; padding: 2px 0; font-size: 20px; }
.onDark { color: white; border-color: white; }
.onLite { color: black; border-color: black; }

button { margin: 0; padding: 0; height: 56px; background-color: transparent; border: 2px solid white; transform: unset; font-family: 'DM Sans',Sans,sans-serif; font-size: 18px; font-weight: 500; line-height: 22px; text-transform: uppercase; color: white; }

/* - - - General Settings - - - */

header.desktop { position: fixed; display: inline-block; z-index: 99; margin: 0 0 140px 0; padding: 15px 20px; width: calc(100vw - 40px); height: 98px; background-color: white; overflow: visible; }
header.mobile { position: fixed; display: none; z-index: 99; margin: 0 0 140px 0; padding: 15px 20px; width: calc(100vw - 40px); height: 98px; background-color: white; overflow: visible; }
header.desktop nav { position: relative; display: block; margin: 0; padding: 12px 15px; width: calc(100% - 30px); height: 75px; background-color: transparent; overflow: visible; }
header.desktop nav ul { position: relative; display: inline-block; text-align: center; margin: 0 auto; padding: 0; width: 100%; max-height: 75px; }
header.desktop nav li { position: relative; display: inline-block; vertical-align: top; padding: 8px; height: auto; max-height: 75px; }
header.desktop nav li.clientHome { position: relative; display: inline-block; padding: 0; width: 164px; height: 74px; background: url(../images/clientLogo.webp) white center center no-repeat; background-size: contain; }
header.desktop nav li ul { position: absolute; display: none; }
header.desktop nav li label { position: absolute; display: inline-block; z-index: 0; margin: 16px 8px 17px 8px; top: 0; left: 0; right: 0; bottom: 0; border: none; 
	-o-transition: margin 333ms ease-in-out;
	-ms-transition: margin 333ms ease-in-out;
	-moz-transition: margin 333ms ease-in-out;
	-webkit-transition: margin 333ms ease-in-out;
	transition: margin 333ms ease-in-out;
}
header.desktop nav li a { position: relative; display: block; z-index: 1; margin: 19px 0; border: none; font-family: 'DM Sans',Sans,sans-serif; font-weight: 700; font-size: 14px; line-height: 21px; text-transform: uppercase; text-decoration: none; color: #000; }
/* header nav li a { padding-right: 24px; background: url(../images/expand-arrow.webp) transparent center right; no-repeat; } */
header.desktop nav li a span { position: relative; display: inline-block; margin: 0; padding: 0; }
header.desktop nav li a.more span { padding: 0 11px 0 0; }
header.desktop nav li:hover a.more span { padding-right: 24px; }
header.desktop nav li a img { /* padding-left: 10px; */ }

header.desktop nav li:hover label { border-top: 2.5px solid #000; border-bottom: 2.5px solid #000; margin: 23px 8px 24px 8px;
	-o-transition: margin 333ms ease-in-out;
	-ms-transition: margin 333ms ease-in-out;
	-moz-transition: margin 333ms ease-in-out;
	-webkit-transition: margin 333ms ease-in-out;
	transition: margin 333ms ease-in-out;
}
header.desktop nav li:hover a img { position: absolute; display: inline-block; top: 4px; right: 0; transform: rotate(-180deg); 
	-o-transition: transform 333ms ease-in-out;
	-ms-transition: transform 333ms ease-in-out;
	-moz-transition: transform 333ms ease-in-out;
	-webkit-transition: transform 333ms ease-in-out;
	transition: transform 333ms ease-in-out;
}

/* - - - Level 2 - - - */

header.desktop nav ul li:hover ul { display: block; z-index: 2; }
header.desktop nav ul ul { position: absolute; display: none; margin: 0; padding: 0; top: 48px; left: 15px; right: auto; bottom: auto; width: auto; white-space: nowrap; background-color: transparent; }
header.desktop nav ul ul li { position: relative; display: block; margin: 0; padding: 0; top: auto; left: auto; width: auto; height: 100%; max-height: unset; background-color: white; border: 1px solid #333; border-top-color: transparent; border-bottom-color: transparent; line-height: normal; white-space: nowrap; }
header.desktop nav ul ul li:first-of-type { border-top-color: #333; }
header.desktop nav ul ul li:last-of-type { border-bottom-color: #333; }
header.desktop nav ul ul li:hover { background-color: rgb(76, 184, 72); }
header.desktop nav ul ul li.evenMore { padding-right: 25px; }
header.desktop nav ul ul li.evenMore a img { position: absolute; display: inline-block; margin: 16px; top: 4px; right: 0; transform: rotate(-90deg); }
header.desktop nav ul ul li.evenMore:hover a img { transform: rotate(90deg); }
header.desktop nav ul ul li a { text-align: left; margin: 0; padding: 15px; width: 100%; line-height: 21px; }
header.desktop nav ul ul li:hover a { color: white; }


/* - - - Level 3 - - - */

header.desktop nav ul li:hover ul ul { display: none; top: 30px; left: 100%; }
header.desktop nav ul li:hover ul ul li a { color: black; }
header.desktop nav ul li:hover ul li:hover ul { display: block; }
header.desktop nav ul li:hover ul li:hover ul li { display: block; }
header.desktop nav ul li:hover ul li:hover ul li:hover a { color: white; }
header.desktop nav ul li:hover ul li:hover ul li:first-of-type { border-top-color: #333; }

/* - - - Mobile Navigation - - - */

figure.clientLogoMobile { position: absolute; display: block; margin: 0; padding: 0; top: 2.5vw; left: 3.5vw; width: 80vw; height: 20vw; background: url(../images/clientLogo.webp) white bottom left no-repeat; background-size: contain; }
button#mobileMenu { position: absolute; display: block; margin: 0; padding: 0; top: 2.5vw; right: 3.5vw; width: 12.5vw; height: 11vw; background: url(../images/menu.webp) transparent top center no-repeat; background-size: contain; }

header.mobile ul { position: relative; display: block; margin: 0; padding: 0; list-style-type: none; }
header.mobile nav { position: relative; display: none; z-indeX: -1; margin: 0; padding: 0; top: 130px; left: 0; width: 100vw; height: calc(100vh - 130px); border: none; overflow-y: auto; }
header.mobile nav.opened { display: block; z-index: 200; background-image: url(../images/menu-open.webp); background-repeat: no-repeat; }

header.mobile nav ul { width: 100%; border: none; }

header.mobile nav li { max-height: none; display: block; width: 100vw; background-color: rgba(76,184,72,1); }
header.mobile nav li a { position: relative; display: block; text-align: left; padding: 3.333vw; font-size: 18pt; font-weight: 700; text-transform: uppercase; text-decoration: none; color: white; }
header.mobile nav ul li:hover { background-color: white; }
header.mobile nav ul li:hover a { color: black; }
header.mobile nav ul ul { position: relative; display: none; top: unset; left: unset; right: unset; bottom: unset; width: 100%; height auto; }
header.mobile nav ul ul.appear { display: contents; z-index: 30; border: 1px outset rgb(76, 184, 72); }
header.mobile nav ul ul li { position: relative; display: block; margin: 0; padding: 0; width: 100vw; vertical-align: top; padding: 0 8px; height: auto; background-color: rgb(100,250,100); }
header.mobile nav ul ul li:hover { background-color: inherit; }
header.mobile nav ul ul li a { text-align: left; padding: 5vw; font-size: 18pt; color: black; }
header.mobile nav ul ul li:hover a { color: inherit; }

button.expandMobile { position: absolute; display: inline-block; z-index: 5; margin: 0 0 0 2.5vw; padding: 0; width: 4vw; height: 4vw; background: url(../images/expand-arrow.webp) white center center no-repeat; border: 2px outset rgba(76,184,72,1); border-radius: 1.5vw; }

/* - -- - -- - */

main { position: relative; display: block; text-align: center; margin: 130px 0 0 0; padding: 0; width: 100%; height: auto; }
article { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: auto; }
article div { position: absolute; display: block; margin: 0; padding: 0; top: 50%; left: 50%; width: 58%; transform: translate(-50%,-50%); }
article figure { position: relative; display: block; margin: 0; padding: 0; background-color: #333; background-color: rgba(0,0,0,0.3); }
article figcaption { position: absolute; display: block; margin: 0; padding: 0; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; background-color: transparent; color: currentColor; }

article.dWide div { width: 1200px; }
article.pWide div { width: 65%; }

figure.captcha { position: relative; display: block; margin: 0 auto; padding: 0; width: 387px; height: 97px; background: url(../images/captcha.webp) transparent center center no-repeat; background-size: 100%; }
figure.captcha.ok { background-image: url(../images/captcha-ok.webp); }

/* - - - Specific Pages and Sections / Sub-Sections - - - */

article.largePicBackground { height: 615px; background-image: url(../images/home-pic-41602-1920w.webp); background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: 50% 59%; background-size: cover; background-blend-mode: color; }
article.largePicBackground p { padding: 0 10%; color: white; }

button.learnMore { margin: 15px 0 0 0; width: 242px; }

article.bustyParagraph { padding: 44.5px 0; height: 290px; }
/* article.bustyParagraph div { width: 65%; } */
article.bustyParagraph p { padding: 0 7.5%; font-size: 19px; font-weight: 300; line-height: 1.7; color: black; }

article.leftSidePicture { height: 694px; }
/* article.leftSidePicture div { width: 1200px; } */
article.leftSidePicture ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 530px; }
article.leftSidePicture figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 450px; background-size: cover; }
article.leftSidePicture h3 { text-align: left; font-weight: 700; line-height: 1.333; text-transform: uppercase; }
article.leftSidePicture p { padding: 0 5% 0 0; font-size: 18px; line-height: 2; }

article.tresCombonita { height: 978px; }
/* article.tresCombonita div { width: 1200px; } */
article.tresCombonita h2 { padding: 0 10%; font-weight: 500; }
article.tresCombonita button { margin: 32px auto 25px auto; width: 232px; color: black; font-weight: 700; border-color: black; }
article.tresCombonita ul { padding: 0; list-style-type: none; }
article.tresCombonita li { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; width: calc((100% / 3) - 18px); height: 580px; background-color: white; border: 1px solid #ccc;
	box-shadow: 0 1.25vw 0.75vw -1.125vw rgba(0,0,0,0.667);
}
article.tresCombonita li:first-of-type {
	box-shadow: 0.25vw 0.25vw 1vw -0.333vw rgba(0,0,0,0.667);
}
article.tresCombonita li:nth-child(2) { margin: 0 15px; }
article.tresCombonita li:last-of-type {
	box-shadow: -0.25vw 0.25vw 1vw -0.333vw rgba(0,0,0,0.667);
}
article.tresCombonita li figure { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 293px; background-size: cover; }
article.tresCombonita li span { position: relative; display: inline-block; margin: 14px 0 0 0; padding: 2px 10px; width: calc(100% - 20px); font-size: 28px; font-weight: 400; text-transform: uppercase; }
article.tresCombonita p { margin: 11px 0 0 0; /* padding: 0 20px 2px 20px; */ padding: 0 4%; font-size: 18px; font-weight: 300; line-height: 1.5; }

article.blackStripe { height: 97px; background-color: black; color: white; }
/* article.blackStripe div { width: 1200px; } */
article.blackStripe span { font-family: 'Fahkwang','Fahkwang Fallback'; font-size: 36px; font-weight: 700; text-transform: uppercase; color: white; }

article.leftSlideshowCombo { height: 736px; }
article.leftSlideshowCombo div { /* width: 1200px; */ height: 680px; }
article.leftSlideshowCombo ul { position: relative; display: inline-block; margin: 0; padding: 0; height: 618px; list-style-type: none; }
article.leftSlideshowCombo ul:first-of-type { margin: 53px 32px 10px 32px; width: 618px; }
article.leftSlideshowCombo li { position: relative; display: inline-block; width: 305px; height: 305px; background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; }
article.leftSlideshowCombo ul:last-of-type { width: 510px; }
article.leftSlideshowCombo div div { width: 100%; height: auto; }
article.leftSlideshowCombo hr { margin: 30px auto; width: 75px; border: 2px solid rgb(76, 184, 72); }
article.leftSlideshowCombo span { position: relative; display: block; text-align: center; margin: 0 7.5% 30px 7.5%; font-family: 'Yesteryear'; font-size: 50px; color: black; }
article.leftSlideshowCombo button { width: 225px; font-weight: 700; color: black; border-color: black; }

article.largePicBgWht { height: 658px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: top center; background-size: cover; background-blend-mode: color; }
article.largePicBgWht div { text-align: left; /* width: 1200px; */ }
article.largePicBgWht h1 { display: inline-block; text-align: left; width: auto; border-bottom: 5px solid rgb(76,184,72); font-size: 48px; font-weight: normal; color: white; }
article.largePicBgWht p { text-align: left; padding: 0 27.5% 0 0; font-family: 'Fahkwang', "Fahkwang Fallback"; font-size: 39px; font-weight: 700; line-height: normal; text-transform: uppercase; color: white; }

article.bigHeadParagraph { height: 290px; }
article.bigHeadParagraph div { margin-top: 15px; /* width: 65%; */ }
article.bigHeadParagraph span { margin: 30px 0 0 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 700; color: black; text-transform: uppercase; }
article.bigHeadParagraph span.squish1 { display: block; padding: 0 calc(50% - 450px); width: 900px; }
article.bigHeadParagraph hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.bigHeadParagraph p { padding: 0 7.5%; font-size: 19px; font-weight: 300; line-height: 1.7; color: black; }
article.bigHeadParagraph p.squishy { margin-bottom: 48px; font-size: 18px; }

article.leftSidePicTwo { height: 733px; }
/* article.leftSidePicTwo div { width: 1200px; } */
article.leftSidePicTwo div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicTwo ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 554px; height: 615px; }
article.leftSidePicTwo figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicTwo span:first-of-type { display: inline-block; margin: 0 0 1vw 0; font-family: 'Yesteryear'; font-size: 45px; font-weight: 300; color: rgb(76, 184, 72); text-transform: unset; border-bottom: 3px solid rgba(76,184,72,1); }
article.leftSidePicTwo span:last-of-type { display: block; text-align: left; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 700; color: black; text-transform: uppercase; }
article.leftSidePicTwo p { padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicTwo button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSideServices { height: 823px; }
/* article.leftSideServices div { width: 1200px; } */
article.leftSideServices div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSideServices ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 554px; height: 615px; background-color: rgba(241,242,238,1); }
article.leftSideServices figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideServices span { display: inline-block; margin: 0 0 1vw 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 32px; font-weight: 700; text-transform: uppercase; color: black; }
article.leftSideServices p { margin: 0 88px 0 0; padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSideServices button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.contactBlack { height: 467px; background-color: black; color: white; }
/* article.contactBlack div { width: 1200px; } */
article.contactBlack div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.contactBlack span { font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 36px; font-weight: 700; line-height: 1.333; color: white; }
article.contactBlack p { margin: 15px 157px; font-size: 18px; font-weight: 300; line-height: 36px; }
article.contactBlack button { margin: 10px 0; width: 240px; height: 60px; color: white; border-color: white; }

article.largePicBgCtr { text-align: center; height: 658px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: top center; background-size: cover; background-blend-mode: color; }
/* article.largePicBgCtr div { width: 1200px; } */
article.largePicBgCtr h1 { display: inline-block; width: auto; border-bottom: 5px solid rgb(76,184,72); font-size: 48px; font-weight: normal; color: white; }
article.largePicBgCtr p { margin: auto; font-family: 'Fahkwang', "Fahkwang Fallback"; font-size: 39px; font-weight: 700; line-height: normal; text-transform: uppercase; color: white; }

article.normalParagraph { height: 459px; }
article.normalParagraph div { margin-top: 15px; /* width: 65%; */ }
article.normalParagraph span { position: relative; display: inline-block; margin: 0 160px 0 160px; width: 880px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 36px; font-weight: 500; color: black; text-transform: uppercase; }
article.normalParagraph span.squish1 { width: 600px; }
article.normalParagraph hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.normalParagraph p { padding: 0 184px; font-size: 18px; font-weight: 300; line-height: 36px; color: black; }

article.leftSideSvcTwo { height: 823px; }
/* article.leftSideSvcTwo div { width: 1200px; } */
article.leftSideSvcTwo div div { display: inline-block; left: auto; width: calc(100% - 140px); height: auto; transform: translateY(-50%); }
article.leftSideSvcTwo ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 70px; width: 460px; height: 472px; background-color: rgba(241,242,238,1); }
article.leftSideSvcTwo figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideSvcTwo span { white-space: normal !important; display: inline-block; margin: 0 0 1vw 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 26px; font-weight: 700; text-transform: uppercase; color: black; }
article.leftSideSvcTwo p { white-space: normal !important; margin: 0 -19px 0 0; padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSideSvcTwo button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSidePicTwo { height: 832px; }
/* article.leftSidePicTwo div { width: 1200px; } */
article.leftSidePicTwo div div { display: inline-block; left: auto; width: calc(100% - 140px); height: auto; transform: translateY(-50%); }
article.leftSidePicTwo ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 70px; width: 460px; height: 472px; background-color: rgba(241,242,238,1); }
article.leftSidePicTwo figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSidePicTwo span { display: inline-block; margin: 0 0 1vw 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 26px; font-weight: 700; text-transform: uppercase; color: black; }
article.leftSidePicTwo p { margin: 0 -19px 0 0; padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicTwo button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSidePicTwoOpp { height: 591px; }
/* article.leftSidePicTwoOpp div { width: 1200px; } */
article.leftSidePicTwoOpp div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicTwoOpp ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 50px 0 0; width: 526px; height: 400px; }
article.leftSidePicTwoOpp figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 400px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicTwoOpp span { width: calc(100% - 50px); }
article.leftSidePicTwoOpp span:first-of-type { display: inline-block; margin: 0 0 1vw 0; font-family: 'Yesteryear'; font-size: 45px; color: rgb(76, 184, 72); text-transform: unset; border-bottom: 3px solid rgba(76,184,72,1); }
article.leftSidePicTwoOpp span:last-of-type { display: block; text-align: left; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 700; color: black; text-transform: uppercase; }
article.leftSidePicTwoOpp p { padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicTwoOpp button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSidePicThree { height: 733px; }
/* article.leftSidePicThree div { width: 1200px; } */
article.leftSidePicThree div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicThree ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 554px; height: 615px; }
article.leftSidePicThree figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicThree span { font-size: 26px; }
article.leftSidePicThree span:first-of-type { display: inline-block; margin: 0 0 1vw 0; color: rgb(76, 184, 72); text-transform: unset; border-bottom: 3px solid rgba(76,184,72,1); }
article.leftSidePicThree span:last-of-type { display: block; text-align: left; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-weight: 700; color: black; text-transform: uppercase; }
article.leftSidePicThree p { padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicThree button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSidePicThreeOpp { height: 591px; }
/* article.leftSidePicThreeOpp div { width: 1200px; } */
article.leftSidePicThreeOpp div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicThreeOpp ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 50px 0 0; width: 526px; height: 400px; }
article.leftSidePicThreeOpp figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 400px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicThreeOpp span { width: calc(100% - 40px); font-size: 26px; }
article.leftSidePicThreeOpp span:first-of-type { display: inline-block; margin: 0 0 1vw 0; color: rgb(76, 184, 72); text-transform: unset; border-bottom: 3px solid rgba(76,184,72,1); }
article.leftSidePicThreeOpp span:last-of-type { display: block; text-align: right; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-weight: 700; color: black; text-transform: uppercase; }
article.leftSidePicThreeOpp p { padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicThreeOpp button { float: right; margin: 10px 50px 0 0; width: 215px; height: 60px; color: black; border-color: black; }

article.greenStripe { height: 97px; background-color: rgba(76,184,72,1); color: white; }
/* article.greenStripe div { width: 1200px; } */
article.greenStripe span { font-family: 'Fahkwang','Fahkwang Fallback'; font-size: 36px; font-weight: 700; text-transform: uppercase; color: white; }

article.enhancedParagraph { padding: 44.5px 0; height: 434px; }
/* article.enhancedParagraph div { width: 65%; } */
article.enhancedParagraph span { position: relative; display: inline-block; margin: 0 0 1vw 0; width: 700px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 36px; line-height: normal; font-weight: 600; color: #000; text-transform: uppercase; }
article.enhancedParagraph p { padding: 0 7.5%; font-size: 19px; font-weight: 300; line-height: 1.7; color: black; }
article.enhancedParagraph button { width: 225px; height: 60px; }

article.latestAwards { padding: 44.5px 0; height: 758px; }
/* article.latestAwards div { width: 65%; } */
article.latestAwards ul { position: relative; display: block; padding: 0; width: auto; list-style-type: none; }
article.latestAwards figure { position: relative; display: inline-block; margin: 15px 15px 0 15px; padding: 0; width: 163px; height: 163px; background-color: transparent; background-blend-mode: color; background-position: center center; background-repeat: no-repeat; background-size: contain; }
article.latestAwards figcaption { position: absolute; display: inline-block; vertical-align: top; opacity: 0; margin: 0 auto; padding: 0; top: 50%; left: 50%; bottom: auto; width: 125px; height: auto; font-size: 14px; font-weight: 700; background-color: rgba(255,255,255,0); transform: translate(-50%,-50%); 
	-o-transition: opacity 500ms,background-color 500ms;
	-ms-transition: opacity 500ms,background-color 500ms;
	-moz-transition: opacity 500ms,background-color 500ms;
	-webkit-transition: opacity 500ms,background-color 500ms;
	transition: opacity 500ms,background-color 500ms;
}
article.latestAwards figure:hover figcaption { opacity: 1; background-color: rgba(255,255,255,0.8); 
	-o-transition: opacity 500ms,background-color 500ms;
	-ms-transition: opacity 500ms,background-color 500ms;
	-moz-transition: opacity 500ms,background-color 500ms;
	-webkit-transition: opacity 500ms,background-color 500ms;
	transition: opacity 500ms,background-color 500ms;
}
article.latestAwards span { display: inline-block; margin: 0 0 1vw 0; width: 700px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 36px; line-height: normal; font-weight: 600; color: #000; text-transform: uppercase; }
article.latestAwards p { padding: 0 7.5%; font-size: 19px; font-weight: 300; line-height: 1.7; color: black; }
article.latestAwards button { margin: 1vw 0 0 0; width: 225px; height: 60px; color: black; border-color: black; }

article.largePicBgNoHead { text-align: center; height: 555px; background-color: rgba(0,0,0,0.4); background-repeat: no-repeat; background-position: top center; background-size: cover; background-blend-mode: color; }
article.largePicBgNoHead div { width: 1200px; }
article.largePicBgNoHead h1 { display: inline-block; width: auto; border-bottom: 5px solid rgb(76,184,72); font-size: 48px; font-weight: normal; color: white; }
article.largePicBgNoHead p { margin: auto; font-family: 'Fahkwang', "Fahkwang Fallback"; font-size: 39px; font-weight: 700; line-height: normal; text-transform: uppercase; color: white; }

article.contactForm { margin: 0 auto 88px 0; height: 930px; }
article.contactForm div { display: inline-block; margin: 0 auto; right: auto; bottom: auto; width: 1250px; }
article.contactForm ul { position: relative; display: inline-block; height: auto; }
article.contactForm ul:first-of-type { margin: 0 18px 0 0; width: 653px; }
article.contactForm ul:last-of-type { vertical-align: top; /* margin: 50px 50px 50px 0; */ margin: 100px 51px 100px 0; padding: 0; width: 470px; /* height: 535px; */ height: 615px; }
article.contactForm ul:first-of-type span { text-align: left; }
article.contactForm ul:first-of-type span:first-of-type { margin-bottom: 15px; display: block; font-family: 'Yesteryear','Yesteryear Fallback'; font-size: 40px; line-height: normal; font-weight: 400; color: black; }
article.contactForm p { text-align: left; margin-bottom: 30px; padding-right: 88px; }
article.contactForm form { padding: 16px; width: 560px; border: 2px dashed #333; }
article.contactForm ul:first-of-type form label { position: relative; display: block; text-align: lef; margin: 0 0 0.75vw 0; }
article.contactForm ul:first-of-type form label span { display: block; font-family: 'DM Sans',Sans,sans-serif; font-size: 13px; font-weight: 400; line-height: 19.5px; text-transform: uppercase; color: black; }
article.contactForm ul:first-of-type form label span:first-of-type { font-family: unset; font-size: unset; }
article.contactForm ul:first-of-type form label input { margin: 0 1vw 0 0; width: calc(100% - 2vw); border-color: transparent; border-bottom-color: #aaa; font-size: 24px; }
article.contactForm ul:first-of-type form label textarea { position: relative; display: block; margin: 0.5vw 1vw 0 0; width: calc(100% - 1.5vw); height: 7.5vw; }
article.contactForm ul:first-of-type form button { margin: 1vw auto; width: 265px; height: 60px; color: black; border-color: black; }
article.contactForm aside { vertical-align: top; /* width: 480px; height: 528px; */ width: 475px; height: 619px; background-color: rgb(76, 184, 72); color: white; }
.dontBe { text-align: left; position: relative; display: block; margin: 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 32px; font-weight: 500; color: black; text-transform: uppercase; }
article.contactForm aside > span { /* padding: 60px 30px 15px 30px; */ padding: 125px 30px 15px 30px; color: white; }
article.contactForm aside label { position: relative; display: block; text-align: left; margin: 0 0 0.75vw 0; padding: 16px 16px 16px 104px; background-color: transparent; background-repeat: no-repeat; background-size: auto 48px; background-position: center left 5%; }
article.contactForm aside label.location { background-image: url(../images/map-pin.webp); }
article.contactForm aside label.phone { background-image: url(../images/smart-phone.webp); }
article.contactForm aside label.mail { background-image: url(../images/contactMail.webp); }
article.contactForm aside label a { font-weight: 700; color: white; text-decoration: none; text-shadow: none; }
article.contactForm aside label a:hover { text-shadow: 0 0 2px white; }

article.bigBlackThang { height: 320px; background-color: black; }
/* article.bigBlackThang div { width: 1200px; } */
article.bigBlackThang span { display: inline-block; padding: 0 12.5%; wide: auto; white-space: normal; font-family: 'Fahkwang','Fahkwang Fallback'; font-size: 36px; font-weight: 700; text-transform: uppercase; color: white; }
article.bigBlackThang p { padding: 0 12.5%; font-size: 22px; font-weight: 400; line-height: normal; color: white; }

article.bigSlideshow { height: 1368px; }
article.bigSlideshow div { /* width: 1200px; */ height: 1200px; }
article.bigSlideshow ul { position: relative; display: inline-block; margin: 0; padding: 0; height: 618px; list-style-type: none; }
article.bigSlideshow li { position: relative; display: inline-block; width: 296px; height: 296px; background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; }

article.bigMotto { height: 494px; }
/* article.bigMotto div { width: 1200px; } */
article.bigMotto ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 700px; }
article.bigMotto figure { position: relative; display: inline-block; vertical-align: top; width: 433px; height: 324px; background-color: white; background-position: center; background-repeat: no-repeat; background-size: contain; }
article.bigMotto span { display: inline-block; text-align: center; width: 100%; font-family: 'Yesteryear','Yesteryear Fallback'; font-size: 40px; font-weight: 400; line-height: normal; color: black; }
article.bigMotto p { text-align: center; padding: 0 5%; font-size: 18px; font-weight: 300; line-height: 36px; }

article.leftSideSvcFancy { height: 922px; }
/* article.leftSideSvcFancy div { width: 1200px; } */
article.leftSideSvcFancy div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSideSvcFancy ul { position: relative; display: inline-block; text-align: left; margin: 0; padding: 0 70px; width: 455px; height: 782px; background-color: rgba(241,242,238,1); }
article.leftSideSvcFancy figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 782px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideSvcFancy span { display: inline-block; margin: 0; padding: 0; width: 84%; font-family: 'Yesteryear', 'Yesteryear Fallback'; font-size: 40px; font-weight: 400; line-height: 60px; color: black; }
article.leftSideSvcFancy p { margin: 0; padding: 0; width: 84%; font-size: 18px; line-height: 2; }
article.leftSideSvcFancy button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSideSvcThree { height: 856px; }
/* article.leftSideSvcThree div { width: 1200px; } */
article.leftSideSvcThree div div { display: inline-block; left: auto; width: calc(100% - 140px); height: auto; transform: translateY(-50%); }
article.leftSideSvcThree ul { position: relative; display: inline-block; text-align: left; margin: 0; padding: 70px; width: 450px; height: 578px; background-color: rgba(241,242,238,1); }
article.leftSideSvcThree figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 716px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideSvcThree span { display: inline-block; margin: 0 0 1vw 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 26px; font-weight: 600; text-transform: uppercase; color: black; }
article.leftSideSvcThree p { margin: 0 -19px 0 0; padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSideSvcThree button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSideSvcFancy2 { height: 893px; }
/* article.leftSideSvcFancy2 div { width: 1200px; } */
article.leftSideSvcFancy2 div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSideSvcFancy2 ul { position: relative; display: inline-block; text-align: left; margin: 0; padding: 0 70px; width: 455px; height: 782px; background-color: rgba(241,242,238,1); }
article.leftSideSvcFancy2 figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 753px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideSvcFancy2 span { display: inline-block; margin: 0; padding: 0; width: 85%; font-family: 'Yesteryear', 'Yesteryear Fallback'; font-size: 38px; font-weight: 400; line-height: 57px; color: black; }
article.leftSideSvcFancy2 p { margin: 0; padding: 0; width: 85%; font-size: 18px; line-height: 2; }
article.leftSideSvcFancy2 button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.normalParaNoHead { height: 172px; }
article.normalParaNoHead div { margin-top: 15px; /* width: 65%; */ }
article.normalParaNoHead hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.normalParaNoHead p { padding: 0 131px; font-size: 18px; font-weight: 300; line-height: 27px; color: black; }

article.leftSideSvcFour { height: 685px; }
/* article.leftSideSvcFour div { width: 1200px; } */
article.leftSideSvcFour div div { display: inline-block; left: auto; width: calc(100% - 140px); height: auto; transform: translateY(-50%); }
article.leftSideSvcFour ul { position: relative; display: inline-block; text-align: left; margin: 0; padding: 70px; width: 450px; height: 405px; background-color: rgba(241,242,238,1); }
article.leftSideSvcFour figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 545px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; }
article.leftSideSvcFour span { display: inline-block; white-space: normal !important; margin: 0 0 1vw 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 24px; font-weight: 400; line-height: normal; text-transform: uppercase; color: black; }
article.leftSideSvcFour p { white-space: normal !important; margin: 0 -19px 0 0; padding: 0 5% 0 0; font-size: 18px; line-height: 2; }
article.leftSideSvcFour button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.factorsList { height: 566px; }
article.factorsList div { margin-top: 15px; /* width: 65%; */ }
article.factorsList ul { position: relative; display: inline-block; text-align: left; vertical-align: top; margin: 0; padding: 0; width: 580px; list-style-type: none; }
article.factorsList ul:first-of-type { padding-right: 30px; vertical-align: bottom; }
article.factorsList span { font-family: 'Yesteryear', 'Yesteryear Fallback'; font-size: 32px; font-weight: 400; line-height: normal; color: black; }
article.factorsList span.factorsHeading { font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 32px; font-weight: 700; line-height: normal; text-transform: uppercase; color: rgb(76, 184, 72); }
article.factorsList hr { margin-bottom: 30px; border: none; border-bottom: 3px solid black; }
article.factorsList p { font-size: 18px; font-weight: 300; color: black; }

article.leftSidePicFour { height: 889px; }
/* article.leftSidePicFour div { width: 1200px; } */
article.leftSidePicFour div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicFour ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 533px; height: 615px; }
article.leftSidePicFour figure { position: relative; display: inline-block; vertical-align: top; width: 600px; height: 749px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicFour span { display: block; text-align: left; width:85%; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 26px; font-weight: 700; color: black; text-transform: uppercase; }
article.leftSidePicFour p { padding: 0 5% 0 0; width: 85%; font-size: 18px; line-height: 2; }
article.leftSidePicFour button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.greenMotto { height: 97px; background-color: rgba(76,184,72,1); color: white; }
/* article.greenMotto div { width: 1200px; } */
article.greenMotto span { font-family: 'Yesteryear', 'Yesteryear Fallback'; font-size: 48px; font-weight: normal; line-height: normal; text-transform: lowercase; color: white; }

article.nuancedParagraph { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 440px; }
article.nuancedParagraph div { margin-top: 15px; /* width: 65%; */ }
article.nuancedParagraph span { margin: 30px auto 0 auto; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 32px; font-weight: 700; line-height: 48px; color: black; text-transform: uppercase; }
article.nuancedParagraph hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.nuancedParagraph p { padding: 0 175px; font-size: 18px; font-weight: 300; line-height: 36px; color: black; }

article.bigHeadParaTwo { height: 309px; }
article.bigHeadParaTwo div { margin-top: 15px; /* width: 65%; */ }
article.bigHeadParaTwo span { margin: 30px 0 0 0; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 700; color: black; text-transform: uppercase; }
article.bigHeadParaTwo span.squish1 { display: block; padding: 0 calc(50% - 450px); width: 900px; }
article.bigHeadParaTwo hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.bigHeadParaTwo p { white-space: normal !important; padding: 0 240px; font-size: 19px; font-weight: 300; line-height: 1.7; color: black; }
article.bigHeadParaTwo p.squishy { margin-bottom: 48px; font-size: 18px; }

article.leftSidePicFive { height: 733px; }
/* article.leftSidePicFive div { width: 1200px; } */
article.leftSidePicFive div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSidePicFive ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 554px; height: 615px; }
article.leftSidePicFive figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSidePicFive span:first-of-type { display: inline-block; margin: 0 0 1vw 0; font-family: 'Yesteryear'; font-size: 45px; font-weight: 300; color: rgb(76, 184, 72); text-transform: unset; border-bottom: 3px solid rgba(76,184,72,1); }
article.leftSidePicFive span:last-of-type { display: block; text-align: left; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 26px; font-weight: 700; line-height: normal; color: black; text-transform: uppercase; }
article.leftSidePicFive p { padding: 0 10% 0 0; font-size: 18px; line-height: 2; }
article.leftSidePicFive button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.leftSidePicFive.veryLong { padding: 70px 0; height: auto; min-height: 1040px; }
article.leftSidePicFive.veryLong div { height: auto; min-height: 800px; }
article.leftSidePicFive.veryLong figure { min-height: 900px; }
article.leftSidePicFive.veryLong ul { min-height: 900px; }

article.leftSideSvcFive { padding: 70px 40px; height: 667px; }
/* article.leftSideSvcFive div { width: 1200px; } */
article.leftSideSvcFive div div { display: inline-block; left: 50px; width: calc(100% - 32px); height: auto; transform: translateY(-50%); }
article.leftSideSvcFive ul { position: relative; display: inline-block; text-align: left; margin: 0 1% 0 0; padding: 0 0 0 50px; width: 554px; height: 615px; background-color: rgba(241,242,238,1); }
article.leftSideSvcFive figure { position: relative; display: inline-block; vertical-align: top; width: 576px; height: 609px; background-color: #333; background-position: center; background-repeat: no-repeat; background-size: cover; }
article.leftSideSvcFive span { white-space: normal !important; display: block; text-align: left; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 30px; font-weight: 400; line-height: 45px; color: black; text-transform: uppercase; }
article.leftSideSvcFive p { white-space: normal !important; padding: 0 10% 0 0; font-size: 18px; line-height: 2; }
article.leftSideSvcFive button { margin: 10px 0; width: 215px; height: 60px; color: black; border-color: black; }

article.fancyParagraph { padding: 70px 40px; height: 376px; background-color: black; }
article.fancyParagraph div { margin-top: 15px; /* width: 65%; */ }
article.fancyParagraph span { position: relative; display: inline-block; margin: 0 160px 0 160px; width: 880px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 600; line-height: normal; color: white; text-transform: uppercase; }
article.fancyParagraph span:first-of-type { margin: 0 390px 10px 390px; padding: 0; width: calc(100% - 780px); font-family: 'Yesteryear'; font-size: 48px; font-weight: 400; line-height: normal; text-transform: unset; border-bottom: 5px solid rgb(76, 184, 72); }
article.fancyParagraph span:last-of-type { }
article.fancyParagraph p { margin: 0 200px; font-size: 18px; font-weight: 300; line-height: 36px; color: white; }

article.slideshowCombo { height: 736px; }
article.slideshowCombo div { /* width: 1200px; */ height: 680px; }
article.slideshowCombo ul { position: relative; display: inline-block; margin: 0; padding: 0; height: 618px; list-style-type: none; }
article.slideshowCombo ul:first-of-type { margin: 53px 32px 10px 32px; width: 618px; }
article.slideshowCombo li { position: relative; display: inline-block; width: 305px; height: 305px; background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; }
article.slideshowCombo ul:last-of-type { width: 510px; }
article.slideshowCombo div div { width: 100%; height: auto; }
article.slideshowCombo hr { margin: 30px auto; width: 75px; border: 2px solid rgb(76, 184, 72); }
article.slideshowCombo span { position: relative; display: block; text-align: center; margin: 0 7.5% 30px 7.5%; font-family: 'Yesteryear'; font-size: 50px; color: black; }
article.slideshowCombo button { width: 225px; font-weight: 700; color: black; border-color: black; }

article.squishedParagraph { height: 459px; }
article.squishedParagraph div { margin-top: 15px; /* width: 65%; */ }
article.squishedParagraph span { position: relative; display: inline-block; margin: 0 258px; width: 684px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 600; line-height: normal; color: black; text-transform: uppercase; }
article.squishedParagraph hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.squishedParagraph p { padding: 0 160px; font-size: 18px; font-weight: 300; line-height: 36px; color: black; }

article.elusiveParagraph { padding: 28px 0; height: 387px; }
article.elusiveParagraph div { margin-top: 15px; /* width: 65%; */ }
article.elusiveParagraph span { position: relative; display: inline-block; margin: 0 184px; width: 684px; font-family: 'Fahkwang', 'Fahkwang Fallback'; font-size: 28px; font-weight: 600; line-height: normal; color: black; text-transform: uppercase; }
article.elusiveParagraph hr { margin: 20px auto; width: 68px; border: none; border-bottom: 3px solid rgba(76,184,72,1); }
article.elusiveParagraph p { padding: 0 115px; font-size: 18px; font-weight: 300; line-height: 36px; color: black; }

article.beforeAfter { margin: 70px 40px; }
article.beforeAfter div { position: relative; display: block; margin: 0 auto; /* width: 1200px; */ top: unset; left: unset; right: unset; bottom: unset; transform: unset; }
article.beforeAfter ul { position: relative; display: inline-block; margin: 0 15px; padding: 0; width: 100%; list-style-type: none; }
article.beforeAfter ul li { display: inline-block; vertical-align: top; }
article.beforeAfter ul li:first-of-type { width: calc(100% * (1/3) - 30px); }
article.beforeAfter ul li:last-of-type { width: calc(100%*(2/3) - 30px); }
article.beforeAfter span { position: relative; display: block; font-family: 'Yesteryear','Yesteryear Fallback'; font-size: 48px; font-weight: 400; line-height: normal; }
article.beforeAfter ul ul { margin: 0; width: auto; max-width: 711px; border: 7px solid black; }
article.beforeAfter ul ul li { position: relative; display: inline-block; margin: 7px; width: 345px; height: 345px; }
article.beforeAfter ul ul li:first-of-type { width: 345px; }
article.beforeAfter ul ul li:last-of-type { width: 345px; }
article.beforeAfter ul li:first-of-type ul li { display: block; }
article.beforeAfter ul li:last-of-type ul li:first-of-type { margin: 7px 0 0 7px; }
article.beforeAfter ul li:last-of-type ul li:nth-child(2) { margin: 7px 7px 0 7px; }
article.beforeAfter ul li:last-of-type ul li:nth-child(3) { margin: 7px 0 7px 7px; }









/* - - - Footer - - - */

footer { position: relative; display: inline-block; margin: 0; padding: 0; width: 100%; }
footer ul { margin: 0 auto; padding: 0 calc(50% - 600px); width: 1200px; height: 440px; background-color: black; }
footer ul div { position: absolute; display: block; margin: 0; padding: 0; top: auto; left: auto; width: 1200px; height: 81px; transform: unset; }
footer ul span { position: relative; display: block; margin: 17px auto; font-family: 'Fahkwang','Fahkwang Fallback'; font-size: 36px; font-weight: 700; text-transform: uppercase; color: white; }
footer ul li { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 81px 0 0 0; width: calc((100% / 3) - 3px); }
footer ul li span { font-size: 20px; font-weight: 700; line-height: 30px; }
footer ul ul { display: inline-block; text-align: center; margin: 0 auto; padding: 0; width: 100%; height: auto; }
footer ul ul li { display: block; margin: 0 auto; padding: 0; font-size: 18px; font-weight: 300; line-height: 27px; color: white; }

footer section { position: relative; display: block; margin: 50px 20px 0 20px; width: calc(100% - 40px); height: 520px; background-color: white; }
footer section ul { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; width: 100%; background-color: transparent; list-style-type: none; }
footer section li { position: relative; display: inline-block; vertical-align: top; margin: 0 auto; padding: 0; }
footer section li img { position: relative; height: 212px; }
footer section li h4 { margin: 15px 0 -10px 0; }
footer section li h4:first-of-type { margin: 0 0 -5px 0; }
footer section li a { display: block; font-family: 'DM Sans',Sans,sans-serif; font-size: 18px; font-weight: 700; line-height: 27px; color: rgb(76, 184, 72); text-decoration: none; }
footer section li a:nth-child(4) { padding: 0 0 5px 0; color: black; }
footer blockquote { position: relative; display: inline-block; vertical-align: top; margin: 0 auto; padding: 15px 0; width: 1200px; height: 21px; font-size: 14px; font-weight: 300; line-height: normal; }

footer section li figure { position: relative; display: inline-block; margin: 15px 15px 0 15px; padding: 0; width: 123px; height: 123px; background-color: transparent; background-blend-mode: color; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.gold24 { background-image: url(../images/BoSS-2024-gold.webp); }
.gold23 { background-image: url(../images/BoSS-2023-gold.webp); }
.silver22 { background-image: url(../images/BoSS-2022-silver.webp); }
footer section li figcaption { position: absolute; display: block; vertical-align: top; opacity: 0; margin: 0 auto; padding: 0; top: 50%; left: 50%; width: 125px; font-size: 14px; font-weight: 700; background-color: rgba(255,255,255,0); transform: translate(-50%,-50%); 
	-o-transition: opacity 500ms,background-color 500ms;
	-ms-transition: opacity 500ms,background-color 500ms;
	-moz-transition: opacity 500ms,background-color 500ms;
	-webkit-transition: opacity 500ms,background-color 500ms;
	transition: opacity 500ms,background-color 500ms;
}
footer section li figure:hover figcaption { opacity: 1; background-color: rgba(255,255,255,0.8); 
	-o-transition: opacity 500ms,background-color 500ms;
	-ms-transition: opacity 500ms,background-color 500ms;
	-moz-transition: opacity 500ms,background-color 500ms;
	-webkit-transition: opacity 500ms,background-color 500ms;
	transition: opacity 500ms,background-color 500ms;
}