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: #4d4d4d; --dark: #333; --dark-comp: #fff; --primary: #49BDDD; --primary-comp: #fff; --secondary: #F6BF34; --secondary-comp: #fff; } html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }body { font-family: 'Rubik', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.5; text-align: center; min-width: 320px;}body, footer a, .services a, .contact a { color: var(--light-comp); }body, header ul, .hero h1, .hero p, .results h2 { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, h2, h3, h4, h5, h6, nav, form input[type=submit], .btn { text-transform: uppercase; }h1, h2, h3, h4, h5, h6 { line-height: 1.3; }img, iframe { max-width: 100%; height: auto; }iframe { display: block; aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; }.fullwidth { width: 100%; }a img, iframe { border: none; }a, form input[type=submit], .btn, .services h3 { transition: ease-in-out .3s; }a, header a:hover, form input[type=submit]:hover, .btn:hover, footer a:hover, .services a:hover, .contact a:hover { text-decoration: none; }a, footer a:hover, main h2 span, .services a:hover h3, footer h2 span, .contact a:hover { color: var(--primary); }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; }sup { line-height: 0; }.hide { display: none !important; }.center, .hero h1, .hero p, .results h2, .results p, .services h2, .services h3, .services p, .services li, .guarantee h2, .review p, footer h3, footer li { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary { color: var(--dark-comp); }.bg-dark { background-color: var(--dark); }.bg-primary, .hero .btn:hover { background-color: var(--primary); }.bg-light { background-color: var(--light); }.mid { align-items: center; align-self: center; }.grid, .gallery { display: grid; grid-gap: 10px 20px; }.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, .hero { position: relative; }header { background-image: linear-gradient(rgba(0,0,0,.3),transparent); z-index: 999; }header .wrap, footer .wrap { padding: 20px 10px; }header .grid, .row2 .grid { grid-template-columns: 250px 1fr; }header .grid > div:last-of-type, footer .subfoot .grid > div:last-of-type { text-align: right; }header, .hero { font-weight: 600; }header .logo { line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; }header .logo span { font-family: "Sofia", cursive; font-size: 36px; font-style: italic; text-transform: capitalize; }nav, footer, .hero .btn, .services .move { font-size: 18px; }nav li, footer .grid.fourth > div:last-of-type li, .contact .grid > div:last-of-type li { display: inline-block; }nav li { margin-left: 20px; }header a, .logo:hover, .hero h1, .hero p, .guarantee h2 span { color: var(--dark-comp); }header a { text-shadow: 0 0 3px rgba(0,0,0,.3); }header a:hover { color: var(--secondary); } .hero { background-size: cover; background-position: center; position: relative; }.hero:before { content: ""; position: absolute; z-index: 1; }.hero:before { width: 100%; height: 100%; background-color: rgba(0,0,0,.3); top: 0; left: 0; }.hero { width: 100%; height: 400px; }.hero > .wrap { z-index: 1;}.hero h1, .hero p { padding: 0 10px; text-shadow: 2px 2px 3px rgba(0,0,0,.6); }.hero h1 { font-size: 48px; padding: 8%; }.hero h1 span, main h2 span, footer h2 span { display: block; padding-bottom: 5px; }.hero .btn, .contact .grid { margin-top: 40px; text-shadow: none; }.bgimg { position: relative; }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0; } .results .wrap { padding: 60px 10px 40px; }.results p { max-width: 1000px; margin: 20px auto; }.row2 { margin-bottom: 80px; }.services { margin: 60px 0; }.services .grid.third { padding-top: 20px; }.services svg { color: #ccc }.services h3 { margin-bottom: 0; }.services p { margin-top: 0; }.services .move { padding-left: 50px }.services .move li { text-align: left }.additional .grid { padding-bottom: 80px; }.additional .grid div { padding: 20px 40px; border-radius: 10px; }.additional .grid h3 { text-transform: unset; }.guarantee .wrap { padding: 40px 10px 100px; }.review .wrap { max-width: 1000px; background-color: var(--main-bg); padding: 20px 40px; margin: -100px auto 50px; border-radius: 10px; border: 1px solid #eee; } form { margin: 40px 0 20px; }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=file], form input[type=submit], form select, form textarea, form input[type=password], .btn { font-family: 'Rubik', 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: var(--main-bg); margin-bottom: 10px; padding: 0 10px; border: 1px solid #f5f5f5; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password] { 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: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; font-size: 16px; font-weight: 600; text-align: center; line-height: 1.6; background-color: var(--primary); color: var(--primary-comp); padding: 10px 40px; margin: 10px 0; border: none; border-radius: 50px; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover, .hero .btn { cursor: pointer; background-color: var(--secondary); color: var(--primary-comp); } footer > .wrap { padding-top: 0 }footer .cta { padding: 30px 0; }.ccpaNotice { text-align: center !important; } main, .contact .bg-light { padding: 40px 10px; }main h1, footer h2, .home h2 { font-size: 30px; }main h2, footer h2 span, .hero p, .home h2 span, .results p, .hero h1 span, main h2 span, footer h2 span { font-size: 24px; }main h3, header .logo, .review { font-size: 22px; }main h4, main h2 span { font-size: 20px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.nolist, footer ul, .contact ul { list-style: none; padding-left: 0; }.gallery { grid-gap: 20px; padding: 30px 0; }.gallery a { width: auto; max-height: 200px; }.gallery img { object-fit: cover; width: 100%; height: 100%; border-radius: 5px; }.gallery div {background-color:#eee; padding: 20px;}@media(max-width: 900px) { header .logo span { padding: 0 29%; } header .grid.mid { grid-template-columns: 1fr; } header .wrap { padding: 15px 10px; } nav ul { text-align: center; } nav li { margin: 0 2%; } footer .grid, footer .grid.half, footer .grid.third, .grid.third.services, .contact .grid.half, .comments .grid { grid-template-columns: 1fr; } .contact iframe { min-height: 450px; } .grid.fourth, .gallery { grid-template-columns: repeat(3, 1fr); } footer img { margin: auto 0; } footer .bg-primary li:first-of-type { position: unset; } footer ul, footer li, footer .subfoot .grid > div:last-of-type { text-align: center; }} @media(max-width: 767px) { .services .grid.third { grid-template-columns: 1fr; } .grid.fourth, .grid.third { grid-template-columns: 1fr 1fr; } footer .grid > div:first-of-type { grid-column: unset; } footer h3, footer li, footer .social, footer h2, footer p { text-align: center; }} @media(max-width:600px) { header .logo span { padding: 0 18% !important; } .hero:has(.home) { height: 815px !important; } .hero { height: 500px !important; } nav li { margin: 15px 18%; } .grid.half, .grid.third, header .grid { grid-template-columns: 1fr; } .grid.fourth, .gallery { grid-template-columns: repeat(2, 1fr); } .ccpaNotice { padding: 5px 5px !important; }} @media(max-width:400px) { header .logo span { padding: 0 5% !important; }}