img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }body { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.5; text-align: center; min-width: 320px }body, nav a, .securitytools p, .subfoot { color: #403d39; }body, header ul, footer ul { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }img, iframe { max-width: 100%; height: auto; }iframe { aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; display: block }.fullwidth { width: 100%; }a img, iframe { border: none; }:hover { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .beginnings .grid a:hover, .about .grid.fourth a:hover, a.emphasis:hover { text-decoration: none; }a, header a:hover, .beginnings .grid a:hover h2 { color: #2a71af }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: rgba(0,0,0,.1); border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0 }.hide { display: none !important; }.jQexpiring { display: none; }.center, .home .wrap, form, .about h2, .about .grid.fourth h3, .about .grid.fourth p, .contact .locations, .contact .locations li, .emphasis h2, .emphasis p, .emphasis h3 { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1 }.mid { align-items: center; align-self: center; }.grid, .latest .blogs .posts { display: grid; grid-gap: 10px clamp(10px, 2.5vw, 40px); }.grid.half, .latest .blogs .posts { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.grid.fifth { grid-template-columns: repeat(5,1fr); }.grid.half>img{height:100%;object-fit:cover}.nowrapbreak { display: block; }blockquote { font-style: italic; color: #767676; margin: 20px 0; }.pad { padding-left: 10px; padding-right: 10px; }.dis-acc { font-size: 14px; padding-top: 70px; } header, footer { font-size: 18px; }header .wrap { padding: 10px 0 5px; }header .grid { grid-template-columns: 210px 1fr; }header a { display: block; padding: 10px; }nav, .subfoot .grid > div:last-of-type { text-align: right; }nav li, footer .social li { display: inline-block; }nav ul ul { display: none; min-width: 230px; background-color: #2a71af; margin-left: -10px; border-radius: 5px; box-shadow: 0 5px 5px rgba(0,0,0,.1); position: absolute; z-index: 999; }nav ul ul li, nav ul ul a { display: block; }nav ul ul a, .hero, .hero a, footer, footer a, .solutions .grid.half:first-of-type, .solutions .grid.half:first-of-type h2, .innovation .intro, .about .grid.fourth a:hover h3, .contact .locations, .contact .locations a, .emphasis, .emphasis h2, .emphasis a { color: #fff; }nav li:hover > ul, a.emphasis { display: block; }nav ul ul a { padding: 10px 20px; }nav ul ul a:hover { background-color: #006fbf; color: #fff; }nav ul ul li:first-of-type a { border-radius: 5px 5px 0 0; }nav ul ul li:last-of-type a { border-radius: 0 0 5px 5px; }nav ul li:last-of-type ul, nav ul > li:nth-last-child(2) ul { right: 0; } .hero, .innovation .intro, .latest .intro, .about .grid.fourth div { background-size: cover; background-position: center; }.hero { width: 100%; height: 600px; background-image: url(/images/182290612-group-of-young-multiethnic-business-people-working-together-and-preparing-new-project-on-a-meeting.jpg); background-position: 30% 50%; position: relative; }.hero:before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(to right,transparent 10%,#2a71af 90%); position: absolute; top: 0; left: 0; z-index: 111; }.hero .wrap { top: 50%; transform: translateY(-50%); padding: 15px; z-index: 888; }.hero .grid { grid-template-columns: 500px 1fr; }.hero .wrap > div { max-width: 550px; margin-left: auto }.hero, .innovation .intro, .about .grid.fourth a:hover h3, .about .grid.fourth a:hover p { text-shadow: 2px 2px 4px rgba(0,0,0,.3); }.hero p, .hero li { text-align: right; }.hero p { font-size: 20px; margin: 0 auto; position: relative; z-index: 999; }.hero strong { font-size: 36px; }.hero li { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #fff; }.hero li svg { vertical-align: middle; margin-left: 20px; }.hero .main p { max-width: 600px; text-align: center; }.hero .main h1 { font-size: 32px; margin: 0; padding: 0; max-width: 660px; text-align: center; }.hero p { display: block; line-height: 1.3; margin-bottom: 30px; }.hero .btn { margin-top: 30px; }.humble { font-size: 24px; font-weight: bold; } main > .wrap { text-align: left; padding: 40px 10px; }main h1, main h2, .innovation h3 { font-size: 24px; }main h1 { line-height: 1.3; background-color: #2a71af; color: #fff; padding: 10px clamp(10px, 4vw, 40px); margin-bottom: 40px; }h2, h3, h4, h5, h6 { color: #3f8bcb }main strong, h3, h4, h5, h6 { font-weight: 600; }main h3, main h4, footer .cta, .about .grid.fourth h3.about .grid.fourth h3 { font-size: 20px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.home h1 { background-color: unset; color: #403d39; }.nolist, .hero ul, .contact .locations ul, footer ul { list-style: none; padding-left: 0; }.beginnings p, .cta p, .innovation .intro p { max-width: 900px; margin: 20px auto; }.beginnings .grid { grid-gap: 30px 10px; padding: 60px 0 0; }.beginnings .grid h2 { text-align: center; color: #403d39; margin-top: -40px; }.beginnings .grid > a { background-color: #eee; color: #403d39; padding: 0 20px 10px; border-radius: 10px; }.beginnings .grid > a svg { padding: 10px; border-radius: 100%; position: relative; top: -50px; }.beginnings .grid > a:nth-of-type(odd) svg { background-color: #2a71af }.beginnings .grid > a:nth-of-type(even) svg { background-color: #575757; }.solutions { margin: 60px 0; position: relative; }.solutions img, .solutions h2, .solutions p { position: relative; z-index: 999; }.solutions:before { content: ""; width: 100%; height: 350px; background-color: #403d39; position: absolute; top: 40px; left: 0; z-index: 111; }.solutions .grid.half { padding: 20px 0; }.solutions .grid.half:nth-of-type(odd) > div:first-of-type { order: 2; }.solutions img, .innovation .intro, .latest .intro, .latest .intro div, .about .grid.fourth div, .about .grid.fourth a, .contact .locations, .emphasis { border-radius: 10px; }.innovation .intro h2, .latest .intro h2, .cta h2 { font-size: 30px; }.innovation .intro, .latest .intro { margin: 20px 0; }.innovation .intro { background-image: url(/images/bg-innovation.jpg); background-position-y: 20%; padding: 140px 20px; }.innovation .intro h2 { color: #fff }.latest .intro { background-image: url(/images/bg-latest.jpg); padding: 250px 0 50px 150px; }.latest .intro div { background-color: #fff; border: 1px solid #eee; padding: 10px 40px 20px; }.carousel { height: 60px; margin-top: 50px; }.carousel img { max-width: 150px; max-height: 60px; vertical-align: middle; margin: 0 40px; width: auto }.about .grid.third { position: relative; }.about .grid.third div:nth-of-type(1) { grid-row: span 2; }.about .grid.third div:nth-of-type(4) { grid-column: span 2; }.about .grid.third:before { content: ""; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 36px; left: 0; z-index: 111; }.about .grid svg { display: block; margin: 0 auto; position: relative; z-index: 999; }.about .grid.fourth { grid-gap: 10px; }.about .grid.fourth div { filter: grayscale(100%); }.about .grid.fourth div:nth-of-type(1) { background-image: url(/images/team1.jpg); }.about .grid.fourth div:nth-of-type(2) { background-image: url(/images/team2.jpg); }.about .grid.fourth div:nth-of-type(3) { background-image: url(/images/team3.jpg); }.about .grid.fourth div:nth-of-type(4) { background-image: url(/images/team4.jpg); }.about .grid.fourth a { color: transparent !important; }.about .grid.fourth h3 { margin-bottom: 0; color: transparent }.about .grid.fourth p { margin-top: 0; }.about .grid.fourth a { display: block; padding: 80px 0; }.about .grid.fourth a:hover { background-color: rgba(0,0,0,.3); color: #fff !important; }.about .grid.fourth div:hover { filter: grayscale(50%); }h2.big { font-size: 36px; color: #2a71af; margin-top: 40px; }.contact .locations, .emphasis { font-size: 20px; background-color: #2a71af; padding: 20px 40px 40px; margin: 50px 0 40px; }.contact .locations h2, footer h3 { text-transform: uppercase; }.contact .locations h2 { margin-bottom: 30px; }.contact .locations .grid > div:nth-of-type(2) { border-left: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); }.contact .locations ul { margin-top: 0; }.contact .locations h3 { color: #fff; text-align: center }.cases h2 { margin-top: 40px }.cases h3 { color: #403d39 }cite { display: block; margin: 1em 0 }.benefits { font-size: 18px; }.mt50 { margin-top: 50px; }.recycling img { object-fit: contain; display: block; min-height: 80px; margin: 40px auto 20px; }body svg { vertical-align: middle }.securitytools svg { margin: 0 auto; display: block }.securitytools h2, .securitytools p, .securitytools a { text-align: center }.securitytools a > span { display: inline-block; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px }.securitytools a { text-decoration: none; position: relative; padding: 10px 10px 80px; }.securitytools a:hover { outline: 2px solid #ccc; border-radius: 5px }.securitytools h2 span { display: block }.partners h2 { color: #000; padding: 10px; text-align: center; border-width: 4px; border-style: solid; border-radius: 10px; }.partners > div > div > img:first-of-type { margin: 20px auto; display: block; max-width: calc(100% - 10px) }.partners img { display: block; margin: 30px auto; max-width: 80%; padding: 0 5px }.partners div { text-align: center }.pinfo h2 { border-color: #518dd1 }.pcomm h2 { border-color: #8eb4ce }.pprint h2 { border-color: #41adb0 }.pproc h2 { border-color: #2a4a6a }.pinfo .grid { grid-template-columns: 1fr 1fr; grid-gap: 30px 10px; align-items: center }.pinfo .grid img { max-height: 60px; margin: 0 auto; max-width: calc(100% - 10px) }img.mw70 { max-width: 70% }img.mw60 { max-width: 60% }.mh90 { max-height: 90px }.careers { padding-bottom: 60px; }.bgBlue { background-color: #006fbf; } form { margin: 20px 0; }form .grid { grid-gap: 0 10px; }form div { text-align: left }form label { display: block; text-align: left }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea, form input[type=password], .btn { font-family: 'Poppins', sans-serif; font-size: 18px; }form input[type=text], form input[type=email], form input[type=tel], form select, form textarea, form input[type=password] { background-color: #fff; margin-bottom: 10px; padding: 0 10px; border: none; border-bottom: 1px solid #eee; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password], form input[type=submit] { height: 50px; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form input[type=password] { width: calc(100% - 20px); }form select { width: 100%; }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 100px; padding: 15px 10px; }form input[type=submit], .btn, .latest .post p a { display: inline-block; min-width: 110px; text-align: center; line-height: 1.5; background-color: #2a71af; color: #fff !important; padding: 10px 40px; margin: 10px 0; border: none; border-radius: 5px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover, a.emphasis:hover, .securitytools a:hover > span { cursor: pointer; background-color: #006fbf; color: #fff !important; } #assessmentform div[data-step] { display: none; }#assessmentform fieldset { border: none; text-align: left; margin-bottom: 35px; padding: 10px; }#assessmentform fieldset legend { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }#assessmentform fieldset .form-option { display: inline-block; }#assessmentform fieldset .form-option input { display: none; }#assessmentform fieldset .form-option label:hover { cursor: pointer; color: #000; }#assessmentform fieldset .form-option label { display: inline-block; vertical-align: middle; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color: #ccc; border-radius: 5px; padding: 15px; }#assessmentform fieldset .form-option label:nth-child(2) { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }#assessmentform fieldset .form-option input:checked + label { border: 1px solid #2a4a6a; background-color: #006fbf; color: #fff; }.saveforlater { display: none; }#assessmentform .btn { margin: 0 15px; }#assessmentform fieldset { width: 45%; display: inline-block; vertical-align: top; text-align: center; padding: 0 20px; }ul.assessmentToc { list-style-type: none; margin: 0 0 50px 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); }ul.assessmentToc li { background: #fff; border: 1px solid #767676; color: #ccc; padding: 15px; font-weight: normal; margin: 0; padding: 10px; }ul.assessmentToc li.active { font-weight: bold; background-color: #006fbf; color: #fff; }ul.assessmentToc li.active li { border: none; background: #006fbf; color: #fff; }ul.assessmentToc ul { margin: 0; padding: 0; }ul.assessmentToc ul li { list-style-type: none; border: none; font-weight: normal; padding: 0; font-size: 14px; }.mpsbenefits { display: grid; grid-template-columns: 1fr 1fr; }.mpsbenefits div { padding: 20px; }.mpsbenefits h3 { margin-bottom: 0; font-weight: bold; }.mpsbenefits p { margin: 0 0 50px 0; } .rating { display: inline-block; position: relative; height: fit-content; line-height: 50%; font-size: 25px; }.rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; }.rating label:last-child { position: static; }.rating label:nth-child(1) { z-index: 5; }.rating label:nth-child(2) { z-index: 4; }.rating label:nth-child(3) { z-index: 3; }.rating label:nth-child(4) { z-index: 2; }.rating label:nth-child(5) { z-index: 1; }.rating label input { position: absolute; top: 0; left: 0; opacity: 0; }.rating label .icon { float: left; color: transparent; }.rating label:last-child .icon { color: #000; }.rating:not(:hover) label input:checked ~ .icon,.rating:hover label:hover input ~ .icon { color: gold; }.rating label input:focus:not(:checked) ~ .icon:last-child { color: #000; text-shadow: 0 0 5px #006fbf; }.reveal-if-active { opacity: 0; max-height: 0; overflow: hidden; margin: 10px 0 }input[id="survey-choice-yes"]:checked ~ .reveal-if-active { opacity: 1; max-height: fit-content; overflow: visible; }.radiolabel { display: inline-block; margin-right: 20px }#survey p { margin: 0 } .lp-hero { position: relative; width: 100%; min-height: 500px; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(29, 85, 163, 0.9)), url('/images/hero-print.jpg'); background-size: cover; background-position: center; display: flex; align-items: center; overflow: hidden; color: #ffffff; } .lp-hero .btn { display: inline-block; padding: 15px 30px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px; font-weight: 600; transition: all 0.3s ease; } .lp-hero .btn:hover { background-color: #0056b3; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .lp-hero h1 { font-size: 3.5rem; font-weight: 700; margin-bottom: 1.5rem; line-height: 1.2; background: none; padding: 0; } .core .grid div { background: #fff; backdrop-filter: blur(10px); border-radius: 10px; padding: clamp(10px, 2vw, 30px); border: 1px solid rgba(255, 255, 255, 0.2); } .core .grid div h3 { text-align: center; } .core .grid div .btn { margin: 5px auto; text-align: center; } .core { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); position: relative; padding: 60px 0 80px 0; } .core h2 { text-align: center; } .why { margin: 50px auto; } .check { list-style: none; padding: 0; } .check li { padding-left: 1.5em; position: relative; } .check li::before { content: '✔'; position: absolute; left: 0; top: 0; width: 1em; height: 1em; color: #007bff; } footer { background-color: #2a71af; margin-top: 20px; clear: both }footer h2, footer h3 { color: #fff }footer .wrap { padding: 0 10px; }footer .cta { background-color: #575757; background-image: url(/images/51749580.jpg); background-position: top center; padding: 50px 0 70px; }footer .cta form { margin: 40px 0; } footer .grid.fourth { padding: 10px 0 50px; }footer .grid .industries { grid-column: span 2 }footer .industries ul { display: grid; grid-template-columns: 1fr 1fr }footer h3 { font-size: 18px; margin-top: 50px; }footer .social { text-align: left; }footer .social li { margin: 0 5px 5px 0; }.subfoot { background-color: #eee; padding: 10px 0; }.ccpaNotice { text-align: center !important; background-color: #fff !important; }.infoi { border-color: #518dd1; background-color: #5fa4f1; height: 500px; }.infoc { border-color: #8eb4ce; background-color: #a4cfec; height: 500px; }.infop { border-color: #41adb0; background-color: #56e2e7; height: 500px; }.infopr { border-color: #2a4a6a; background-color: #5799db; height: 500px; } .grid.event { grid-template-columns: 200px 1fr }.event h2 { color: #000; }.event h2, .event p { margin: 10px 0 }.event ul { margin: 5px 0 }.hero .wrap > div.event { max-width: 500px }.emphasis h3 { color: #fff; font-size: 1.4em; margin-bottom: 0; }.emphasis input[type=submit] { background-color: #403d39; }#survey-comments { min-height: 400px;position:relative }div.comments { display: block; background-color: #e9ecef; background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23bfbfbf' fill-opacity='0.1'/%3E%3C/svg%3E"); margin: 20px 0; padding: 20px 0; }.comments h2, .comments h3 { text-align: center; }div.comments .comment { text-align: left; background: #fff; border: 1px solid #eee; padding: 30px clamp(10px, 2vw, 30px); border-radius: 5px;overflow:hidden} .comment-name { font-weight: bold; }.comment-date { display: block; color: #ccc; }.comments .comment { opacity: 0; position: absolute;inset:0 }.comments .comment.active { opacity: 1; }.comments .comment { transition: opacity 0.5s; } .nps-score { font-size: 36px; font-weight: bold; display: block; } #nps-section { background: url('/images/nsp-gauge.png') center center no-repeat; background-size: contain; background-repeat: no-repeat; text-align: center; display: block; padding-top: 80px; margin: 0 auto; }.nps-responses { font-weight: normal; color: #ccc; display: block; margin-top: 70px; } @media(max-width:999px) { nav ul ul { display: none !important } .beginnings .grid.fourth, .grid.fourth.partners { grid-template-columns: 1fr 1fr } .solutions:before { top: 0 } footer .grid { grid-gap: 10px 20px } .about .grid.third { grid-template-columns: 1fr } .about .grid.third div:nth-of-type(4) { grid-column: unset } .about .grid.third:before { display: none } .about .grid.third h2 { position: relative } .about .grid.third h2:before { content: ""; width: 100%; height: 1px; background-color: #ccc; position: absolute; top: 18px; left: 0; z-index: 111; } .about .grid.fourth a { background-color: rgba(0,0,0,.3); color: #fff !important; height: calc(100% - 160px) } .about .grid.fourth h3 { color: #fff } .grid.event { grid-template-columns: 120px 1fr }} @media(max-width:767px) { header .grid, footer .grid.fourth, .grid.third { grid-template-columns: 1fr } .about .grid.fourth { grid-template-columns: 1fr 1fr } nav ul, footer h3, footer .social { text-align: center } footer .grid.fourth { padding: 30px 0 50px } footer h3 { margin: 1em 0 } footer .grid li { display: inline-block; } footer .grid li a { display: block; padding: 5px 20px; outline: 1px solid #ccc; margin: 5px; border-radius: 3px } footer .corp-addr li { display: block; text-align: center } footer .grid .corp-addr li a { display: inline-block } footer .industries ul { display: unset } footer .grid .industries { grid-column: unset } .contact .locations .grid > div:nth-of-type(2) { border: none; margin: 20px 0 } .benefits > div { padding-left: 30px } .grid.event { grid-template-columns: 1fr; grid-gap: 0; } .grid.event h3 { margin: 20px 0 0 } .hero .wrap > div.event { max-width: 395px } .imgRight, .imgLeft { float: none; max-width: 100%; margin: 10px auto;min-height:250px;object-fit:cover } .lp-hero h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem; line-height: 1.2; background: none; padding: 0; }} @media(max-width:700px) { .grid.half, .beginnings .grid.fourth, .latest .blogs .posts { grid-template-columns: 1fr } .subfoot p, .subfoot .grid > div:last-of-type { text-align: center } .about .grid.third img { min-height: 300px; object-fit: cover; object-position: 70% 50% } .hero:before { background-image: linear-gradient(to right,rgba(42,113,175,.3),#2a71af 90%); } #assessmentform fieldset { width: auto; } ul.assessmentToc { grid-template-columns: 1fr; } .comments .comment { max-width: 100%; } #nps-section { padding-top: 85px; } .grid.half>img{min-height:250px}} @media(max-width:500px) { .latest .intro, .innovation .intro { padding: 50px 10px } .latest .intro div { background-color: rgba(255,255,255,.9) } .about .grid.fourth, .grid.fourth.partners { grid-template-columns: 1fr } .hero { font-size: 18px } .grid.event span { display: block }} @media(max-width:400px) { nav ul { display: grid; grid-template-columns: 1fr 1fr } nav li { text-align: center } nav li:last-of-type:nth-of-type(odd) { grid-column: 1 / -1 } .hero li svg { margin-left: 10px } .hero .main strong { font-size: 30px }}