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: linear-gradient(to bottom, var(--light) 0%, var(--lighter) 60%);color: var(--dark);line-height: 1.4;font-size: 18px;margin-top: 50px;} .tiptop {position: absolute;top: 0;text-align: center;background-color: #006b8f;color: #fff;z-index: 999;color: #fff;width: 100%; font-weight: bold;display: flex;justify-content: center;align-items: center;text-decoration: none;text-align: center;height: 50px;} .tiptop a {color: #f5f5f5;} nav a,h1,h2,h3,h4,h5,h6 {font-family: 'Libre Baskerville', serif;text-wrap: balance;} 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 a {text-decoration: none;color: #fff;transition: color 0.5s ease;} header ul li a:hover {color: var(--dark-bg-hover);} header ul:last-of-type li a {background-color: var(--light-bg);padding: 5px 10px;color: var(--dark-bg);border-radius: var(--radius);transition: background-color 0.5s ease;font-weight: bold;} header ul:last-of-type li a:hover {background-color: var(--dark-bg-hover);color: var(--light);} header ul li a svg {height: 24px;width: 24px;stroke-width: 1.5;vertical-align: middle;} .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;} .wrap.about {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 0 10px 0;text-align: center;} .packages h2 b {font-weight: normal;color: var(--dark-bg);display: block;} .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;} .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;} .info .post h2+p {display: none;} .info {background-image: linear-gradient(to bottom, var(--light-bg) 0%, var(--lighter) 30%);} .info .blogs .posts {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;} .info h2 {text-align: center;} 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 ul li a svg {display: none;} 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:last-of-type li a {background-color: var(--light-bg);padding: 5px;color: var(--dark-bg);border-radius: var(--radius);font-weight: bold;} .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,.info .blogs .posts {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;}}