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: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.5; text-align: center; }body { color: #888; }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;display:block;margin:0 auto }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a { transition: ease-in-out .3s; }a, header a:hover { text-decoration: none; color: #0091ef; }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; 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; }.hide { display: none !important; }.center, .steps h2, .steps p, .categories h2 { text-align: center; }.wrap { display: block; max-width: 1200px; margin: 0 auto; position: relative; }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px 40px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); } header, .categories h3 { position: relative; }header { z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,.1); }header img { max-width: 250px;display:inline-block; vertical-align: middle; padding: 10px 20px; } footer { background-color: #f5f5f5;padding:0 5px;clear:both }footer .grid { padding: 20px 0; }footer .grid > div:last-of-type { text-align: right; }.a8bmark img{margin:0 0 0 auto}.ccpaNotice { text-align: center !important; background-color: #fff !important; } main { margin-bottom: 60px; }main > div { background-image: linear-gradient(transparent 85px,#f5f5f5 85px,transparent); } .steps h1, .steps h2, .categories h2 { line-height: 1; }.steps h1, .categories h2 { font-size: min(10vw, 100px); color: #eee; margin: 50px 0 0;letter-spacing:-1px }.steps h2, .categories h3 { font-size: 24px; line-height: 1; }.steps h2 span { display: block; width: 50px; font-size: 50px; padding: 10px; margin: 0 auto; background-color: #85c440; color: #fff; border-radius: 50%; }.steps h2, .categories h3 { color: #85c440; }.steps .grid.third{padding:0 5px}.categories h3 { margin: 50px 5px 20px; border-radius: 50px; }.categories h3:after { content: ""; width: 100%; height: 2px; background-image: linear-gradient(to right,transparent 15%,#85c440); position: absolute; top: 13px; left: 0; }main ul, main ol { padding-left: 25px; }main li { margin: 5px 0; }.nolist { list-style: none; padding-left: 0; }.thumbs {width:100%; max-width: 300px; margin-top: 25px; }.sample { max-width: 90%; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1); }.sample, .gallery a { background-color: #fff; padding: 10px; }.gallery{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;padding:0 5px}.gallery a { display: block; height: 210px; margin: 0; border: 1px solid #eee; }.gallery img { object-fit: cover; width: 100%; height: 100%; object-position: top; } @media(max-width:999px){ .gallery{grid-template-columns:1fr 1fr 1fr}}@media(max-width:767px){ .gallery{grid-template-columns:1fr 1fr} .steps .grid.third{grid-template-columns:1fr} .steps h1, .categories h2{font-size:66px;background-color:#fff}}@media(max-width:400px){ .gallery,footer .grid.half { grid-template-columns: 1fr } .a8bmark img { margin: 0 auto } footer p{text-align:center}}