img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #2c2c2c; --dark: #333; --dark-comp: #fff; --primary: #3a5135; --primary-comp: #fff; --secondary: #e37200; --secondary-comp: #fff; } body, .logo span { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }body { font-size: 18px; line-height: 1.5; text-align: center; }body, nav a, .services .grid a { color: var(--light-comp, #2c2c2c); }body, header ul, .social, .samples ul, .services { 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; }main img { min-height: 150px }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, .services .grid h3 { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, .logo:hover, .bg-dark a:hover, .bg-primary a:hover, .services .grid a:hover { text-decoration: none; }a, .top a:hover, nav a:hover, .bg-dark a:hover, .bg-primary a:hover { color: var(--secondary, #e37200); }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 30px 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%;object-fit:cover }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0; }.hide { display: none !important; }.center, .hero h1, .hero p, .home h2, .home h3, .home p, .comments blockquote, .comments cite, .samples li { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-dark a, .bg-primary, .bg-primary a, .hero, .top a, footer .logo, footer .logo:hover, footer .logo span, form input[type=submit], .btn { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #333); }.bg-primary { background-color: var(--primary, #3a5135); }.bg-light { background-color: var(--light, #f5f5f5); }.mid { align-items: center; align-self: center; }.end {align-items: end}.grid { display: grid; grid-gap: 10px 30px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 } header, .hero { position: relative; }header, footer, footer h3 { font-size: 16px; }header .wrap, footer .subfoot .wrap { padding: 20px 10px; }header .grid { grid-template-columns: 465px 1fr; }.logo { font-family: 'Libre Baskerville', 'Times New Roman', Times, serif; font-size: 28px; font-weight: 700; text-transform: uppercase; color: var(--primary, #3a5135); display: block }.logo span { display: block; font-size: 16px; font-weight: 400; color: #b87d59; }.top { height: 30px; }.top .wrap { padding: 0 10px; }nav, .subfoot { text-align: right; }nav li, .social li { display: inline-block; }nav a, .social a { display: block; margin: 5px; padding: 5px }.social svg, .social span{vertical-align:middle} .hero { height: clamp(400px, 30vw, 600px); position: relative; }.hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; inset: 0;z-index:1 }.hero .wrap, .top .wrap { transform: translateY(-50%); top: 50%;z-index:2 }.hero h1 { font-size: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,.5); max-width: 950px; padding: 0 15px; margin: 0 auto 20px }.hero .btn { width: 150px; } .home > div, footer > .wrap { padding: 40px 10px; }.home h3 { margin: 15px 0; }.products .grid, .cta form, .contact .grid > div p { margin: 40px 0; }.comments blockquote, .comments cite { font-weight: 700; }.comments blockquote { margin: 20px auto; }.comments cite { display: block; font-style: unset; margin-top: 30px; }.comments svg { color: yellow; border: yellow; } form { margin: 20px 0; }form .grid { grid-gap: 0 10px; }form label { display: block; }form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea, .btn { font-family: 'Montserrat', sans-serif; font-size: 16px; }form input[type=text], form input[type=email], form input[type=tel], form textarea { background-color: var(--light, #f5f5f5); margin-bottom: 10px; padding: 0 10px; border: none; }form input[type=text], form input[type=email], form input[type=tel] { height: 45px; }form input[type=text], form input[type=email], form input[type=tel], form textarea { width: calc(100% - 20px); }form textarea { height: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; text-align: center; line-height: 1.5; background-color: var(--primary, #3a5135); padding: 10px 40px; margin: 10px 0; border: 1px solid #777; border-radius: 3px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover, .services a:hover .btn { cursor: pointer; background-color: var(--secondary, #e37200); }.contact textarea { height: 170px; } footer, .contact ul { text-align: left; }footer .grid.fourth, footer .grid.fourth p { margin-top: 40px; }footer .social li { margin: 0; }footer a{display:inline-block;padding:5px 0}.ccpaNotice { text-align: center !important; background-color: #fff !important; }.a8bmark img{margin-right: 0} main { padding: 40px 10px 50px; }main h1, main h2, .comments { font-size: 24px; }main h3 { font-size: 20px; margin-top: 40px }main h4 { font-size: 18px; }main svg { vertical-align: middle; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }main img { border: 1px solid #ccc }.nolist, footer ul, .social, .samples ul { list-style: none; padding-left: 0; }.samples ul { font-size: 16px; font-weight: 700; margin: 40px auto; }.samples li { display: inline-block; vertical-align: middle; margin: 10px 5px; }.samples li img { object-fit: cover; width: 255px; height: auto; }.services .grid { padding: 20px 0; }.services .grid h3 { margin-top: 20px; }.services li { height: 250px; }.gallery{display:flex;flex-wrap:wrap;margin:0 -5px}.gallery a{margin:5px;flex:1 0 200px;height:150px}.gallery img, .services li img, .restore .grid img { object-fit: cover; width: 100%; height: 100%; }.restore .grid.half img{height:400px}.services .grid.half img {height: 400px; width: 400px;}.contact > .grid { grid-template-columns: 300px 1fr; grid-gap: 20px; margin: 60px 0 40px; }.contact > .grid > div:first-of-type { padding: 40px 20px; }.contact .grid li { margin: 0 10px 0 0; }.contact form { margin: 0; }.restore .grid.half{grid-gap:10px 40px}.restore .grid.fourth{grid-gap:10px}.restore li{list-style:none;margin:0}.products .grid > div { padding-bottom: 60px; position: relative }.products .grid a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; } @media(max-width:999px) { .social { text-align: center }} @media(max-width:767px) { header .grid, main .grid.third, .subfoot .grid.third { grid-template-columns: 1fr } nav ul, .subfoot { text-align: center } .grid.fourth { grid-template-columns: 1fr 1fr } .products .grid > div { padding-bottom: 0; } .products .grid a { position: relative; white-space: normal; bottom: unset; left: unset; transform: none; } footer h3, footer li, footer p, footer .logo { text-align: center } .a8bmark img{margin-right:auto}}@media(max-width:700px){ .gallery a{flex: 1 0 165px} .restore .grid.half{grid-gap:10px}}@media(max-width:600px) { .contact > .grid{grid-template-columns:1fr} .contact .bg-primary li,.contact ul,.contact .bg-primary p{text-align:center} .gallery a { flex: 1 0 140px } .comments { font-size: clamp(18px, 4.25vw, 24px) }} @media(max-width:500px) { .grid.half { grid-template-columns: 1fr } nav ul { display: grid; grid-template-columns: 1fr 1fr } nav a { text-align: center } .hero p { text-align: center !important; margin: 0 } .hero{height:300px} } @media(max-width:400px) { footer .grid.fourth { grid-template-columns: 1fr } .restore .grid.half img{height:250px} .services li{height:150px} .imgRight,.imgLeft{float:none;margin:0 auto;max-width:100%;width:100%}}