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: #be1f34; color: #fff; width: 100%; height: 50px; font-weight: bold; display: flex; justify-content: center; align-items: center; text-decoration: none; text-align: center;}.tiptop a { color: #f5f5f5;}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 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; }}