img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root {--lighter: #f5f5f5;--light: #eee;--light-bg: #eeedeb;--light-bg-hover: #dcd9d6;--accent: #e2ccbe;--dark-bg: #747264;--dark-bg-hover: #5a4f4b;--dark:#222;--radius: 5px;--shadow: 0 0 10px rgba(0, 0, 0, 0.3);}html {scroll-behavior: smooth;}body {margin: 0;padding: 0;font-family: "Work Sans", sans-serif;font-optical-sizing: auto;font-weight: normal;font-style: normal;background-color: var(--light);color: var(--dark);line-height: 1.4;font-size: 18px; }nav a, h1, h2 , h3, h4, h5, h6 {font-family: "Libre Baskerville", serif;}header {display: grid;grid-template-columns: 350px 1fr;position: relative;z-index: 999;padding: 10px 50px;align-items: center;background-color: var(--dark-bg);}header a {z-index: 999;position: relative;}header ul {list-style: none;padding: 0;margin: 0;text-align: right;}header ul li {padding: 10px;display: inline-block;}header ul li:last-of-type {display: block;}header ul li a {text-decoration: none;color: #fff;transition: color 0.5s ease;}header ul li a:hover {color: var(--dark-bg-hover);}header ul li:last-of-type a {background-color: var(--light-bg);padding: 5px;color: var(--dark-bg);border-radius: var(--radius);transition: background-color 0.5s ease;}header ul li:last-of-type a:hover {background-color: var(--dark-bg-hover);color: var(--light);}.hero {width: 100%;height: auto;position: relative;z-index: 0;}.hero:before {content: '';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: absolute;inset: 0;z-index: 7;}.hero {height: auto;max-height: unset;overflow: hidden;text-align: center; }.hero-content {display: flex; flex-direction: column; align-items: top; justify-content: center; height: 60vh; text-align: center; z-index: 999;}.mar-top {margin-top: 50px;} @keyframes fadeInUp {0% { opacity: 0; transform: translateY(20px);}100% { opacity: 1; transform: translateY(0);} } .fade-in {opacity: 0;animation: fadeInUp 1s forwards; } .delay-1 {animation-delay: 0.3s; } .delay-2 {animation-delay: 0.6s; } @media (max-width: 600px) {.flex-column { padding: 2rem;} .hero h1 { font-size: 1.8rem;} .hero p { font-size: 1rem;} }.hero .slide {animation: continuousZoom 30s ease-out infinite;}.hero .slide {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;z-index: 1;transition: opacity 3s;object-fit: cover;object-position: center;}header a img {position: relative;inset: unset;z-index: 999;transition: none;width: 100%;height: 100%;}.hero .showing {opacity: 1;z-index: 2;}.hero h1 {font-weight: normal;font-size: 4em;line-height: 1.8em;z-index: 999;position: relative;color: var(--light);text-shadow: var(--shadow);max-width: 80%;margin: 0 auto;}.hero p {z-index: 999;position: relative;}.btn {text-decoration: none;background-color: var(--dark-bg);color: var(--light-bg);border: 1px solid var(--dark-bg-hover);border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);padding: 12px 24px;display: inline-block;transition: background-color 0.3s ease;text-shadow: none;}.btn svg {height: 36px;width: 36px;margin-right: 5px;stroke-width: 1;vertical-align: middle;}.btn:hover svg {fill: var(--light);stroke: var(--dark-bg);}.btn:hover {background-color: var(--dark-bg-hover);color: var(--light);box-shadow: 0 4px 12px rgba(0,0,0,0.15); }main {background-color: var(--light-bg);}main a {color: var(--dark-bg);}.wrap {max-width: 1200px;margin: 0 auto;display: block;padding: 20px 0 100px 0; }section {padding: 20px;}.grid {display: grid;;}.grid.half {grid-template-columns: 1fr 1fr;}.grid.third {grid-template-columns: 1fr 1fr 1fr;}.grid.fourth {grid-template-columns: 1fr 1fr 1fr 1fr;}img {max-width: 100%;height: auto;}.mid {align-items: center;}.about .grid img {display: block;margin: 0 auto;}.smash .grid, .gallery, .gapPad {gap: 20px;}.imgRight {float: right;margin-left: 20px;max-width: 50%;}.intro {align-items: center;gap: 20px;padding: 40px 0;}.intro h2 {margin: 0;}.intro img { margin: 0 auto;display: block;}.pricing h2, .pricing p {margin: 0;text-align: center;}.pricing h2 {margin-top: 10px;}.pricing.grid {gap: 20px; }.gallery img { display: block; width: 100%; height: 250px; object-fit: cover; }.pricing.grid a {background-color: var(--lighter);border-radius: var(--radius);box-shadow: var(--shadow);text-decoration: none;padding-bottom: 20px;}.pricing img {border-radius: var(--radius) var(--radius) 0 0;}.pricing-intro {gap: 20px;align-items: center;margin-bottom: 50px;}.packages {background-color: var(--light-bg);gap: 50px;margin: 50px 0;}.packages div {background-color: var(--lighter);border-radius: var(--radius);box-shadow: var(--shadow);text-decoration: none;padding: 40px;display: block;}.packages h2 {margin: 0;text-align: center;}.packages p {text-align: center;margin-top: 0;} .packages ul { list-style: none; padding-left: 1.2em; margin: 0;border-top: 1px solid var(--dark-bg);padding-top: 20px;}.packages ul li em {font-size: 0.8em;;} .packages ul li { position: relative; margin-bottom: 0.5em;} .packages ul li::before { content: "✓"; position: absolute; left: -1.2em; color: var(--dark-bg); font-weight: bold;} .info .blogs .posts h2 a {text-decoration: none;}main img {border-radius: var(--radius);}.imgCenter {display: block;margin: 0 auto;max-width: 100%;}.reviewLinks img {max-width: 200px;display: block;margin: 0 auto; }.reviewSamples {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px;padding: 20px;margin-top: 50px;}.reviewSamples .review {background-color: var(--lighter);border-radius: var(--radius);box-shadow: var(--shadow);padding: 20px;text-align: center; }.post h2 + p {display: none;}footer {background-color: var(--dark-bg);color: var(--light);}footer a {color: var(--light);text-decoration: none;}footer a svg {height: 36px;width: 36px;stroke-width: 1.5;}footer .grid {align-items: center;}footer ul {list-style: none;padding: 0;margin: 0;text-align: center;}footer p {text-align: right;}.reviews {background-image: url('/images/reviews.jpg');background-position: right;background-size: cover;padding: 30px 0 50px 0; }.reviews div.review {max-width: 45%;background: rgba(0, 0, 0, 0.5);border-radius: var(--radius);padding: 20px 40px;text-shadow:rgba(0, 0, 0, 0.5) 0 0 5px;color: var(--light);margin: 1em 0;}.reviews p {margin: 0;}.reviews h2 {margin: 0;color: var(--dark-bg-hover);}.reviews svg {color: #faeaa2;stroke-width: 0;fill: #faeaa2;} .featured {padding: 100px 0;}.portfolio .featured {padding: 0;}.featured h3 {margin: 0;font-size: 1.6em;}.featured .grid {gap: 50px;text-align: center;} .featured .btn {display: inline-block;margin: 0 0 20px 0;}form {padding: 20px;}form input, form textarea {border: 1px solid var(--dark-bg);border-radius: var(--radius);padding: 10px;font-size: 1em;width: 100%;box-sizing: border-box;font-family: "Work Sans", sans-serif;}form input[type="submit"] {background-color: var(--dark-bg);color: var(--light);cursor: pointer;transition: background-color 0.3s ease;}form input[type="submit"]:hover {background-color: var(--dark-bg-hover);}form textarea {resize: vertical;height: 150px;}.contact a {text-decoration: none;color: var(--dark-bg);vertical-align: middle;display: inline-block}.contact iframe {border: 0;width: 90%;height: 400px;border-radius: var(--radius);margin: 20px 0 0 0;}.contact .grid {margin-bottom: 100px;} @keyframes continuousZoom {0% {transform: scale(1);} 50% {transform: scale(1.2);} 100% {transform: scale(1);}}@media screen and (max-width: 768px) {body {text-align: center;font-size: 1rem;}header {grid-template-columns: 1fr; }header ul {text-align: left;display: grid;grid-template-columns: 1fr 1fr;}header ul li {padding: 0;text-align: center;}header ul li a {display: block;padding: 5px;}header ul li:last-of-type a {background-color: var(--light-bg);padding: 5px;color: var(--dark-bg);border-radius: var(--radius);}.hero h1 {font-size: 2.2em;padding: 0;margin: 0 auto 20px auto;line-height: 1.2em;text-align: center;}.grid.fourth, .grid.third, .grid.half {grid-template-columns: 1fr;gap: 20px;}.imgRight, .imgLeft {float: none;margin: 10px auto;max-width: 100%;}.wrap {padding: 20px;}.reviews div.review {max-width: 85%;padding: 20px;margin: 1em auto;}footer ul li a {padding: 5px;display: block;}footer p, footer .wrap ul {text-align: center;}.wrap ul {text-align: left;}.packages div {padding: 10px;}}