@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --mainBase: 97, 5, 89;
  --mainColor: rgba(var(--mainBase), 1);
  --mainColor90: rgba(var(--mainBase), .9);
  --mainColor80: rgba(var(--mainBase), .8);
  --mainColor50: rgba(var(--mainBase), .5);
  --accentBase: 167, 1, 147;
  --accentColor: rgba(var(--accentBase), 1);
  --accentColor90: rgba(var(--accentBase), .9);
  --accentColor80: rgba(var(--accentBase), .8);
  --accentColor50: rgba(var(--accentBase), .5);
  --medLight:#f2f2f2;
  --actionBase: 216, 112, 218;
  --actionItem: rgba(var(--actionBase), 1);
  --actionItem90: rgba(var(--actionBase), .9);
  --actionItem80: rgba(var(--actionBase), .8);
  --actionItem50: rgba(var(--actionBase), .5);
  --gradientDark:var(--mainColor90);
  --gradientLight:rgba(22, 62, 140,.3);
  --darkBase: 51, 51, 51;
  --darkest:rgba(var(--darkBase), 1);
  --darkest90:rgba(var(--darkBase), .9);	
  --darkest80:rgba(var(--darkBase), .8);	
  --darkest50: rgba(var(--darkBase), .5);
  --blackBase: 0, 0, 0;
  --black: rgba(var(--blackBase), 1);
  --black90: rgba(var(--blackBase), .9);
  --black80: rgba(var(--blackBase), .8);
  --black50: rgba(var(--blackBase), .5);
  --black20: rgba(var(--blackBase), .2);
  --lightBase: 255, 255, 255;
  --lightest:rgba(var(--lightBase), 1);
  --lightest90:rgba(var(--lightBase), .9);
  --lightest80:rgba(var(--lightBase), .8);
  --lightest50:rgba(var(--lightBase), .5);
}
html, body {overflow-x: hidden;}
html {scroll-behavior: smooth;}
body{font-family: Open Sans,"Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";margin:0;padding:0;background: var(--lightest);width: 100%;position:relative;}
a, a:visited {color:var(--mainColor);text-decoration:none;font-weight:bold;border-bottom:2px solid transparent;transition:border .3s ease-in;}
a:hover,a.active {color:var(--accentColor);}
header{width:100%;height:150px;z-index: 10;margin:0 auto 40px;top:0px;}
header.fixed-header {position:fixed;background:var(--lightest90);top:0;left:0;height: 75px;margin-bottom:0;overflow: visible;}

header h1.logo {margin:0;padding:0;overflow: visible;}
header.fixed-header h1.logo {margin: 0.25rem 0.5rem;}

header .logo a {display:block;position: absolute;max-width: 50%; width:150px; height: 150px; background:url(../images/logo.png) no-repeat 0 0;background-size: 150px;overflow: visible;z-index: 1;}
header .logo a span {display:none;}
header h2.tagline {display:none;}
header .site-description {text-align:center; color:var(--mainColor);font-size: 1.4rem;font-weight: normal;text-transform:uppercase;position: absolute;right: 20px;top: 75px;display:inline-block;}
header.fixed-header .site-description {display:none;}
header.fixed-header .logo a {background: url(../images/logo.png) no-repeat 0 0;height: 65px;background-size: 65px;width: 65px;}

header nav .fa-solid {display: block;color: var(--mainColor);position: absolute;height: 30px;width: 30px;right:1rem;top: 1rem;z-index: 5;}
header nav #open {font-size:2rem;cursor: pointer;}
header nav #close {display:none;font-size:2rem;cursor: pointer;}
header nav ul {list-style:none;margin: 0;padding: 0;height:0;}
header nav ul {display:none;}
header nav ul li a, header nav ul li a:visited{text-transform: uppercase; font-size: 1rem;font-weight:normal;}
header nav ul li a:hover {border-bottom:2px solid var(--actionItem);}

header #icons {display:none;}
header #icons a span {display:none;}

header nav.expanded {background: var(--medLight);position: fixed;z-index: 3;display: block;width: 100%;height: 100vh;top: 0;left: 0;padding-top: 1rem;}
header nav.expanded #open {display:none;}
header nav.expanded #close {display:block;}
header nav.expanded ul {display: block;padding: 2rem;}
header nav.expanded ul li a {font-size: 3rem;font-weight: normal;line-height: 1;margin-bottom: 1.5rem;display: inline-block;}
header nav.expanded ul li:after {display: none;}
header nav ul li ul,header nav.expanded ul li ul, header nav ul li.dropdown .fa-solid {display:none;}

header #icons.expanded {display: flex;position: fixed;bottom: 10px;z-index: 9;width: 100%;justify-content: space-around;font-size: 2rem;}
h1{font-size: 2rem;font-weight: normal;}
h2{font-size: 1.5rem;font-weight: normal;}
h3{font-size: 1.4rem;font-weight: normal;}
h4{font-size: 1.3rem;font-weight: normal;}
h5{font-size: 1.2rem;font-weight: bold;}

p, li {font-family: "Poppins";}
fieldset {width: max-content;}

main hr{width: 100px; height: 4px; display: inline-block;background:var(--lightest);border:none;}
main .wrap {padding: 1rem 1rem 4rem;height:auto;}
main .wrap h2 {font-family: 'Poppins'; font-weight:bold;text-transform: uppercase;font-size:2rem;line-height: 1;margin-top: 0;text-shadow: 3px 2px 2px var(--lightest);}
main .wrap h2 span:nth-child(1) {color:var(--actionItem);}
main .wrap h2 span:nth-child(3) {color:var(--accentColor);}
main .wrap h2 span:nth-child(5) {color:var(--mainColor);}
main .wrap p {font-family: 'Poppins';max-width:100%;font-size:1.3rem;padding:2rem 0 0 0;}
main .wrap div {width:auto;margin:0 auto}
main .wrap button {border-radius: 50px;padding: 1rem 2rem;border: none;text-transform: uppercase;cursor: pointer;color:var(--lightest);}
main .wrap button:nth-child(1){background: var(--mainColor);}	
main .wrap button:nth-child(1):hover{background: var(--accentColor);}	
main .wrap button:nth-child(2){background: var(--accentColor);}	
main .wrap button:nth-child(2):hover{background: var(--mainColor);}	

input[type="submit"] {border-radius: 50px;padding: 1rem 2rem;border: none;text-transform: uppercase;cursor: pointer;color: var(--lightest);margin: 2rem 0 0;background: var(--accentColor);}
main section {position: relative;}
main section h3 {font-size: 1.6rem;z-index: 2;text-align: left;text-transform: uppercase;font-family: 'Poppins';font-weight: bold;position:relative;top: 2rem;padding-bottom: 1rem;}
main section h4 {font-family: 'Poppins';font-size: 1.4em;text-transform: none;line-height: 2;letter-spacing: 0.4px;padding-top:1rem;}
main section svg {filter: invert(1);position:absolute;width:100%;top:0px; z-index: 1;left:0;}
main section svg:nth-of-type(2) {transform: rotate(180deg);top:unset;bottom:0;}
main section table.naics {width:100%; border-collapse: collapse; margin-top: 2rem;}

main section.why {padding:1rem;}
main section.why h4 {color:var(--black50);}
main section.why h5 {margin:0; padding:0;line-height: 1.2;}
main section.why p {font-size:1.2rem;line-height: 1;font-weight:normal;color:var(--black80);}

main section.management { padding: 1rem 1rem 10rem 1rem;background: var(--mainColor90);color:var(--lightest);}
main section.management h4 {font-weight:bold;line-height: 1.1;text-transform: uppercase;}
main section.management p {font-size: 1.4em;line-height: 1.2;}
main section.management a {color:var(--lightest);}
main section.management a:hover {color:var(--black);}
main section.clients {padding: 1rem;}
main section.clients div.flex {display: flex;flex-wrap: wrap;align-items: center;}
main section.clients div.flex div {flex-basis: 50%;text-align: center;}
main section.clients div.flex div img {width:150px;}
main section.technology { padding: 1rem 1rem 6rem 1rem;background: var(--accentColor90);color:var(--lightest);}
main section.technology h4 {font-weight:bold;line-height: 1.1;text-transform: uppercase;}
main section.technology p {font-size: 1.4em;line-height: 1.2;}
main section.technology svg:nth-of-type(2) {filter: invert(0);}
main section.contact {background:var(--black);color:var(--lightest);top: -2rem;margin-bottom: -2rem;}
main section.contact div {display: flex;flex-direction: column;}
main section.contact div span {padding: 1rem;}
main section.contact div iframe {border:none;}
main section.contact h3 {padding-left:1rem;}
main section.contact address {display: inline-flex;}
main section.contact iframe {min-height: 30px;}

main section.landing {padding:3rem 2rem;gap:2rem;}
main section.landing h2 {font-weight: bold;text-transform: uppercase;}
main section.landing h3 {text-align: left;position: static;font-size: 1.8rem;background:none;line-height: 1.1;color: var(--accentColor);}
main section.landing h4 {line-height: 1.1;padding: 0 0 0 1rem;margin: 0;font-size: 1.3em;border-left: 4px solid var(--actionItem80);font-weight: bold;}
main section.landing p, main section.landing li {font-family: 'Raleway';font-size: 1.3rem;}
main section.landing div {position:static;}
main section.landing aside {background: var(--mainColor);color:var(--lightest);padding: .5rem 1rem 1rem;}
main section.landing aside p, main section.landing aside li {font-size:1.1rem;}
main section.landing hr {background: var(--mainColor);}
main section.landing.single img {width: 150px;float: right;padding: 0 0 0 1rem;}
main section.landing.single img + p + hr, main section.landing.single img + ul {clear: both;}
main section.landing.single input[type="submit"] {background: var(--mainColor);border-radius: 50px;padding: 1rem 2rem;border: none;text-transform: uppercase;cursor: pointer;color: var(--lightest);}
main section.landing.single input[type="submit"]:hover {background: var(--accentColor);}
main section.landing.single input[type="text"] {padding: 0.5rem;}
main section.landing.single img.full, video {width: 100%; max-width:800px;float: none;padding:0;border: 2px solid var(--mainColor);}
main section.landing.single span.indent {line-height: 1.1;padding: 0 0 0 1rem;margin: 1rem 0 0 2rem;font-size: .8em;border-left: 4px solid var(--actionItem80);font-weight: bold;display:inline-block;}
main section.landing.single .download {display: flex;flex-direction:column;}
main section.landing.single .download img {width:100%;}
main section.landing.wide iframe {width:100%;border:none; padding:1rem 0; min-height: 400px;}

#overlay {background: var(--mainColor80);z-index: 99;width:100%;height:100%;position:fixed;top:0;left:0;}
#overlay .overlay-wrap {position: absolute;top: calc(50% - 82px);left: 5%;width: calc(100% - 25%);padding: 1rem;background: var(--accentColor);color:var(--lightest);z-index: 100;box-shadow: 0px 5px 10px var(--darkest);}
#overlay .close {display:block;position: absolute;top: -15px;right: -15px;font-family: "Arial Black", Arial, sans-serif;color: var(--accentColor);font-size: 1.5rem;background: var(--lightest);border-radius: 100%;padding: 5px;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 2px solid var(--accentColor);}
#overlay .close:hover {background:var(--mainColor);color:var(--lightest);}
#overlay input {padding: 1rem;border: none;margin-top: 0.5rem;}
#overlay input[type=submit] {background:var(--actionItem);color:var(--mainColor);font-weight:bold;padding: 1rem;cursor:pointer;}
#overlay input[type=submit]:hover {background:var(--lightest);}

footer {display:none;}
.copyright {display:block;width:auto;background: var(--accentColor);color:var(--lightest); text-align:center; padding: 1rem;}
.fade-in {animation: fadeIn 2s;-webkit-animation: fadeIn 2s;-moz-animation: fadeIn 2s;-o-animation: fadeIn 2s;-ms-animation: fadeIn 2s;}
.social a {border: 1px solid var(--lightest);width: 20px;padding: 10px;border-radius: 50%;height: 20px;display: inline-block;text-align: center;color: var(--lightest);background: var(--mainColor);transition: all .5s ease-in;}
.social a:hover {border: 1px solid var(--mainColor); background: transparent; color: var(--mainColor);}

@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}

@-moz-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-o-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-ms-keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}

.slide-in {position:absolute;left:-500px;-webkit-animation: slide 0.5s forwards;-webkit-animation-delay: 3s;animation: slide 0.5s forwards;animation-delay: 1s;z-index: 2;}
@keyframes slide {100% {left:1rem;}}
@-moz-keyframes slide {100% {left:1rem;}}
@-webkit-keyframes slide {100% {left:1rem;}}
@-o-keyframes slide {100% {left:1rem;}}
@-ms-keyframes slide {100% {left:1rem;}}


.slide-in-right {position:absolute;left:9999rem;-webkit-animation: slide-out 0.5s forwards;-webkit-animation-delay: 3s;animation: slide-out 0.5s forwards;animation-delay: 1s;}

@keyframes slide-out {100% {left:1rem;}}
@-moz-keyframes slide-out {100% {left:1rem;}}
@-webkit-keyframes slide-out {100% {left:1rem;}}
@-o-keyframes slide-out {100% {left:1rem;}}
@-ms-keyframes slide-out {100% {left:1rem;}}

@media only screen and (min-width: 42em) {
main section.landing.single .download {color: var(--lightest);flex-direction: row;background: var(--mainColor);justify-content: space-between;}
main section.landing.single .download h4 {display: flex;align-items: center;}
main section.landing.single .download img {width: 275px;max-width: 100%;}
}

@media only screen and (min-width: 48em) {
main section table.naics {width: 75%;}

}
@media only screen and (min-width: 64em) {
html, body {overflow-x:visible;}
body {background: url(../images/bgrd.jpg) no-repeat top right;} 
body:before {content: '';display: block;background: var(--lightest50);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}

body.landing, body.landing:before {background:none;}
header{width:auto;height:0px;padding:1rem;z-index: 10;margin:0 auto 60px;overflow:visible;top:-142px;}
header.fixed-header {position:sticky;top:0;left:0;height: 60px;transition: all 1s ease-in;margin-bottom:0;padding-top:0;}
header.fixed-header:hover {background: var(--lightest);transition: all .5s ease-in;}
header .logo a {max-width: 50%; width:154px; height: 154px; background:url(../images/logo.png) no-repeat 0 0;background-size: 154px;overflow: visible;z-index: 1;}
header.fixed-header .logo a {height: 75px;background-size: 75px;width: 75px;}
	
header h2.tagline {font-size: 1.2rem; text-transform: uppercase;margin:0;padding:0;line-height:1;left: 125px;display: inline-block;position:absolute;top: 100px;}
header.fixed-header h2.tagline {display:none;}
header #icons {display: flex;position: absolute;top: 1rem;right: 2%;}
header #icons a {width: 30px;height: 30px;text-align: center; border-radius: 50%; padding:.25rem; border: 2px solid;margin:.2rem;}
header nav {display: flex;align-content: stretch;justify-content: flex-start;width: auto;background: none;position: static;height: auto;align-items: flex-end;}
header nav #open, header nav #close, .expanded {display:none;}
header nav ul {display:block;list-style:none;margin: 0;padding: 60px 0 0 160px;height:unset;position:unset;}
header nav ul li {display:inline-block;line-height:1;font-size:1.4rem;padding: 0.5rem;text-align: center;border-radius:20px;position:relative;background: var(--lightest80);;}
header nav ul li a:link, header nav ul li a:visited {border-bottom:none;}
header nav ul li a:hover {border-bottom:none;}
header nav ul li.dropdown .fa-solid {color:var(--actionItem50);left: calc(50% - 15px);top: 26px;display:inline-block;}
header nav ul li ul {display:none; transition: all .5s ease-in;}
header nav ul li:hover ul {display:inline-block;background:var(--lightest90);padding:1rem 0 0;position:absolute;top:2.5rem;left:calc(100% - 142%);z-index:4;}
header nav ul li li {display: inline-block;line-height: 1;text-align: center;border-radius: 0px;position: relative;border-bottom:1px solid var(--lightest);}
header nav ul li li a {display: inline-block;line-height: 1;padding: .25rem 0;text-align: center;border-radius: 0;position: relative;z-index:2;width:200px}
header.fixed-header nav ul { padding: 20px 0 0 100px;}
header.fixed-header nav ul li {background: none;}
header nav ul li:hover ul ul {display:inline-block;top:0;z-index:4;left:unset;margin-left:5px;}
	
header .site-description {font-size: 1.7rem;position:static;display:block;}
	
h1{font-size: 3.5rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.9rem;}
h4{font-size: 1.6rem;line-height: 1.3;}
h5{font-size: 1.5rem;}
p, li {line-height: 1.2;padding-bottom: 1rem;}  

.arrow {display:block;text-align: center;margin: 8% 0;color:var(--lightest);}
.arrow.bounce span {display:none;}
.arrow.bounce a {font-size:3rem;color:var(--lightest);border-bottom:none;}	
.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}40% {transform: translateY(-30px);}60% {transform: translateY(-15px);}}

@keyframes slide {100% {left:100px;}}
@-moz-keyframes slide {100% {left:100px;}}
@-webkit-keyframes slide {100% {left:100px;}}
@-o-keyframes slide {100% {left:100px;}}
@-ms-keyframes slide {100% {left:100px;}}

@keyframes slide-out {100% {right:calc(50% - 104px);}}
@-moz-keyframes slide-out {100% {right:calc(50% - 104px);}}
@-webkit-keyframes slide-out {100% {right:calc(50% - 104px);}}
@-o-keyframes slide-out {100% {right:calc(50% - 104px);}}
@-ms-keyframes slide-out {100% {right:calc(50% - 104px);}}
	
.slide-in-right {right:-300px;left:unset;}
	
main {padding: 90px 0 0 0;}	
body.landing main {padding: 2rem 0 0 0;}
main hr{background:var(--mainColor);}
main .wrap {padding: 1rem 1rem 1rem 100px;min-height:calc(100vh - 110px);position: relative;}
main .wrap h2 {font-size:3rem;}	
main .wrap p {font-size: 1.4rem;padding: 3rem 2rem 3rem 0;text-shadow: 2px 0px 6px var(--lightest);max-width:40%;background: var(--lightest);border-radius:0px 80px 80px 0;}	
main section {width:auto;display:block;height:auto; min-height: 60px;}	
main section h3 {font-size: 2.5rem;text-align: center;top: -3rem;margin-bottom: 0;background: var(--lightest);}
main section h4 {font-size: 1.7em;}
main section div {position: absolute;width: 100%;height: 100%;z-index: -1;top: 0px;}
main section svg:nth-of-type(2) {bottom:2rem;}
main section.why {background: var(--lightest) url(../images/why-syber.png) no-repeat left center;background-size:50%;overflow: hidden;padding:0;min-height:calc(100vh - 110px);}
main section.why div {position:static;padding-left:50%; padding-right: 2%;}
main section.why h3 {position:static;text-align:left;}

main section.management {background: var(--lightest) url(../images/business.jpg) no-repeat bottom center;background-size: cover;background-attachment: fixed;margin-bottom: -2rem;padding:unset;}
main section.management h3 {color:var(--accentColor);}
main section.management h4 {padding-top:3rem;}
main section.management hr {background: var(--lightest);}
main section.management div {background: var(--accentColor80);z-index:0;color:var(--lightest);position: relative;top: -3rem;padding-bottom: 5rem;}
main section.management div.flex {position:static;display:flex;align-content: space-between;justify-content: space-around;background: none;}
main section.management div.flex div {position:static;width: 33.3%;padding: 3rem;background: none;}
main section.management p {font-size: 1.4em;line-height: 1.2;}
main section.technology {background: var(--lightest) url(../images/tech.jpg) no-repeat bottom center;background-size: cover;background-attachment: fixed;margin-bottom: -2rem;padding:0rem 0rem 6rem 0rem;}
main section.technology h3 {color:var(--mainColor);}
main section.technology h4 {padding-top:2rem;margin-bottom: 1rem;}
main section.technology hr {background: var(--lightest);}
main section.technology div {background: var(--mainColor80);z-index:0;color:var(--lightest);}
main section.technology div.flex {position:static;display:flex;align-content: space-between;justify-content: space-around;background: none;}
main section.technology div.flex div {position:static;width: 33.3%;padding: 5rem 3rem 0;background: none;}
main section.technology p {font-size: 1.2em;line-height: 1.2;}
main section.technology svg:nth-of-type(2) {transform: rotate(180deg);top:unset;bottom:2rem;filter: invert(0);}

main section.clients {min-height: 30rem;padding:unset;} 
main section.clients h3 {text-align:left;padding:5rem 3rem 0 2rem;}
main section.clients div {background: none;z-index: 2;} 
main section.clients div.flex {position:static;display:flex;align-content: space-between;background: none;flex-wrap: wrap;height:auto; padding-left: 400px;width: calc(100vw - 420px);}
main section.clients div.flex div {position:static;width: 20%;background: none;text-align: center;flex-basis: 33%;padding: 1rem 0;}
main section.clients div.flex div img {max-width:150px;width:unset;top: unset;}
	
main section.contact {background:var(--black);color:var(--lightest);top:unset;margin-bottom:unset;}
main section.contact h3 {background: var(--black);padding-left:unset;padding-top:3rem;}
main section.contact div {position:static;z-index: 0;padding:3rem;display:flex;flex-wrap: nowrap;width: auto;flex-direction: row;}
main section.contact span {width: 50%;display:flex;justify-content: center;padding:unset;}	
main section.contact span .fa-solid {padding-right:.5rem;}	
main section.contact address {font-style:normal;font-size: 1.3rem;line-height: 1;}
main section.contact tel {font-size:1.3rem;line-height: 1;}
main section.contact iframe {border:none;width:100%;margin:0 auto ;min-height: 30px;}
	
main section.contact input {width:95%;}
main section.contact input[type=submit] {background:var(--actionItem);color:var(--lightest);font-weight:bold;padding: 1rem;cursor:pointer;width:unset;}
main section.contact textarea {padding: 1rem;border: none;margin-top: 0.5rem;width: 96%;}

.dvalue {display:none}
	
main section.landing {display: flex;justify-content: center;align-items: stretch;}
main section.landing div {padding-right:1rem;z-index: 0}
main section.landing.single div {padding-right:0;}
main section.landing aside {padding: 0.5rem 2rem 1rem;border-radius: 50px;}
main section.landing.single {max-width:800px; margin:0 auto;}
main section.landing.wide {max-width:75%; margin:0 auto;}
#overlay .overlay-wrap {top: calc(50% - 82px);left: calc(50% - 200px);width: 75%;max-width:400px;}

footer {width:auto;background: var(--medLight);margin:0;padding:1rem;padding: 1rem 2%;display: flex;align-items: center;justify-content: space-evenly;}
footer div:nth-child(1) {display: block;background: url(../images/logo.png) no-repeat 0px 0px;width: 150px;height: 150px;background-size:150px;}
footer div:nth-child(2) ul li {display:inline;}	
footer div:nth-child(2) ul li a {font-weight: bold;font-size: 1.5rem;margin: 1rem;}	
footer div:nth-child(3) ul li {display:inline;}	
footer div:nth-child(3) ul li a {display:inline-flex;border: 2px solid var(--lightest);border-radius: 50%;padding: 0.25rem;margin: 0.2rem;width:30px;height:30px;text-align: center;align-items: center;justify-content: center;}	
footer ul {list-style: none;}
footer a:hover {border-bottom:2px solid var(--actionItem);}
footer a span {display:none;}
}
@media only screen and (min-width: 87.5em) {
body:before {display:none;}
main section.clients h3 {padding:5rem 3rem 0 12rem;}
main section.clients div.flex {padding-left: 40%;width: calc(100vw - 45%);}	
}