body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(180deg,#395e394b,#395e39);display:flex;flex-direction:column;min-height:100vh;text-align:center}.ramirezLogo{margin:auto;width:400px}.main-home{display:grid}.intro,.main-home{justify-content:center}.intro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:150px;margin-top:40px}.intro-boxes{background:linear-gradient(140deg,hsla(0,0%,100%,.459) 5%,#0000 70%);border:1px solid #ccc;border-radius:60px;padding:20px;width:600px}.intro-boxes h2{color:#2e4b2e;font-family:Georgia,serif;font-size:50px}.intro-boxes p{font-family:Georgia,serif;font-size:22px;line-height:40px;text-align:justify}.content{align-items:flex-start;display:flex;gap:27.5rem;justify-content:center}.boxes-container{height:auto}.boxes-container h3{color:#2e4b2e;font-family:Georgia,serif;font-size:45px}.boxes-container .btn-link{background-color:#2e4b2e;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.boxes-container .btn-link:hover,.btn-container button:hover{background-color:#fff;color:green}.info-box{padding:2px}.info-box,.info-box img{border-radius:10px;width:100%}.info-box img{display:block;height:220px}@media(max-width:1096px){.content{align-items:center;flex-direction:column;gap:5rem}}@media(max-width:640px){.intro{align-items:center;flex-direction:column}.intro-boxes{margin:10px 0;width:70%}.intro-boxes p{font-size:20px}.content{align-items:center;flex-direction:column;gap:5rem}.boxes-container{width:85%}}.slideshow-container{height:650px;justify-self:center;overflow:hidden;position:relative;width:1200px}.slide{height:100%;opacity:0;position:absolute;transition:opacity .5s ease-in-out;width:100%}.slide.active{opacity:1}.slide img{height:100%;object-fit:fill;width:100%}.slide-text{bottom:0;font-size:26px;padding:10px 0;text-align:center;width:100%}.next,.prev,.slide-text{background-color:#00000080;color:#fff;position:absolute}.next,.prev{border:none;cursor:pointer;font-size:24px;outline:none;padding:10px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.prev{left:0}.next{right:0}.next:hover,.prev:hover{background-color:#000c;color:green}.dot-container{margin-top:10px;text-align:center}.dot{background-color:#fff;border-radius:50%;cursor:pointer;display:inline-block;height:15px;margin:0 5px;width:15px}.active-dot,.dot:hover{background-color:green}@media(max-width:1096px){.slideshow-container{height:550px;margin:0 auto;width:100%}}@media(max-width:999px){.slideshow-container{width:100%}.slide img{height:100%;object-fit:cover;width:100%}.slide-text{font-size:22px;padding:8px}.next,.prev{font-size:20px;padding:8px}.dot{height:12px;width:12px}}@media(max-width:460px){.slideshow-container{height:265px}.slide-text{font-size:16px;padding:6px}.next,.prev{font-size:18px;padding:6px}.dot{height:10px;width:10px}}@media(max-width:400px){.ramirezLogo{width:350px}.slideshow-container{height:200px}.slide-text{font-size:14px;padding:4px}.next,.prev{font-size:16px;padding:4px}.dot{height:8px;width:8px}}.quote-container{align-items:center;display:flex;flex-direction:column}.quote-container h1{color:#2e4b2e;font-family:Georgia,serif;font-size:50px}#landscaping-form{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.description-container,.input-container{display:flex;flex:1 1 400px;flex-direction:column;max-width:400px;padding:20px;width:100%}.input-container h4{color:#fff;font-size:16px;margin-top:5px;text-align:left}.btn-container{display:flex;flex:1 1 100%;justify-content:center;padding:10px}.btn-container button{background-color:#2e4b2e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:22px;padding:10px 20px;transition:background-color .3s;width:150px}.form-class{margin-bottom:10px;min-height:55px;position:relative}.form-class input,.form-class textarea{background-color:#d3d3d3;border:2px solid #0000;border-radius:3px;box-sizing:border-box;padding:12px;width:100%}.input-error{border-color:red!important}.error{color:red;margin:3px;position:absolute;top:0;transform:translateY(-120%)}.form-class input::placeholder,.form-class textarea::placeholder{color:#4b4a4a;font-size:15px}textarea{border:9px solid #ccc;border-radius:4px;height:240px;padding:10px;resize:none}#subject{background-color:#d3d3d3;border:2px solid #ccc;border-radius:3px;color:#4b4a4a;font-size:16px;height:45px;padding-left:5px;width:100%}@media(max-width:640px){.quote-container h1{font-size:35px}}@media(max-width:400px){.quote-container h1{font-size:27px}}.about-container{display:grid;justify-content:center}.about-container>h1{color:#2e4b2e;font-size:50px;margin-bottom:50px;margin-top:auto}.about-info{margin:auto;padding-bottom:50px;width:1100px}.about-info p{font-family:Georgia,serif;font-size:22px;line-height:40px;text-align:justify}.about-info h2{color:#2e4b2e;font-size:50px;margin-bottom:0}.services-container{background-color:#e5e5e53b;border:1px solid #ccc;border-radius:20px;display:block;margin:auto;padding:60px;width:950px}.services-container h2{color:#2e4b2e;font-size:40px;margin-bottom:50px;margin-top:0}.services ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);list-style-type:none;padding:0}.services li{align-items:center;background-color:#ffffff42;border:1px solid #ccc;border-radius:15px;display:flex;font-family:New Century Schoolbook,TeX Gyre Schola,serif;font-size:21px;height:50px;justify-content:space-between;padding:10px;position:relative;text-align:left}.services li:after{color:#447144;content:"✓";position:relative;text-align:center;width:20px}@media(max-width:1096px){.about-info{width:90%}.services-container{width:80%}}@media(max-width:860px){.about-info,.services-container{width:650px}}@media(max-width:700px){.about-info{width:400px}.about-info p{font-size:20px}.services-container{padding:10px;width:400px}.services li{font-size:16px;padding:5px}}@media(max-width:400px){.about-info{width:320px}.services-container{padding:8px;width:320px}.services li{font-size:14px;padding:0}}.before-after-slider{box-shadow:0 0 10px #00000026;height:650px;justify-self:center;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:1200px}.after-image,.before-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.before-image{z-index:1}.after-image,.after-img-div{position:absolute;z-index:2}.after-img-div{-webkit-clip-path:inset(0 0 0 var(--divider-position));clip-path:inset(0 0 0 var(--divider-position));height:100%;overflow:hidden;top:0;width:100%}.slider-handle{align-items:center;background-color:initial;border:3px solid #fff;border-radius:50%;cursor:grab;height:40px;justify-content:center;left:var(--divider-position);top:50%;transform:translate(-50%,-50%);transition:background-color .3s ease;width:40px;z-index:10}.handle,.slider-handle{display:flex;position:absolute}.handle{bottom:0;color:#fff;font-size:40px;gap:5px;-webkit-user-select:none;user-select:none}@media(max-width:1096px){.before-after-slider{height:450px;width:100%}}@media(max-width:860px){.before-after-slider{margin:0 auto;width:100%}}@media(max-width:800px){.before-after-slider{width:100%}}@media(max-width:400px){.before-after-slider{height:350px;width:350px}}nav{background-color:#000;display:flex;height:50px;justify-content:flex-end;padding-bottom:.5rem;padding-top:.5rem}.nav-text{align-items:center;display:flex;gap:0;text-decoration:none}.drop-link,.nav-text .link{color:#fff;display:block;padding:10px;text-decoration:none}.dropbtn:hover,.link:hover{color:#447144}.nav-text .active{background-color:#447144;color:#fff;padding:21px}.nav-text .drop-link.active{background-color:#447144;color:#fff;padding:10px}.dropbtn{color:#fff;cursor:pointer;display:block;font-size:16px;padding:21px;text-decoration:none}.dropdown{display:inline-block;padding:0;position:relative}.dropdown-menu{background-color:#000;display:none;min-width:160px;position:absolute;top:100%;width:100%;z-index:1}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a:hover{background-color:#447144}footer{background-color:#000;height:auto;margin-top:auto;padding-top:1rem;text-align:center}footer a{color:#fff;font-size:1.2rem;margin:0 1rem;text-decoration:none}footer a.active,footer a:hover{color:#447144;text-decoration:underline}footer p{color:#fff;font-size:14px;margin-bottom:0}@media(max-width:640px){footer a{margin:0 10px}}@media(max-width:400px){footer a{margin:0 5px}}.contact-container{display:grid;justify-content:center}.contact-container>h1{color:#2e4b2e;font-family:georgia,serif;font-size:50px;margin-bottom:50px;margin-top:0}.contact-intro{margin:auto;width:1100px}.contact-intro h2{color:#2e4b2e;font-family:georgia,serif;font-size:45px;margin:20px auto}.contact-intro p{font-family:Georgia,serif;font-size:22px;line-height:40px;text-align:justify}@media(max-width:1096px){.contact-intro{width:90%}.contact-intro p{font-size:24px}}@media(max-width:640px){.contact-intro h2{margin:30px 10px}.contact-intro p{font-size:20px}}.maintenance-container{display:grid;justify-content:center}.maintenance-container>h1{color:#2e4b2e;font-family:Georgia,serif;font-size:50px;margin-top:auto}.maintenance-info{margin:20px auto;max-width:1100px}.maintenance-info h3{color:#2e4b2e;font-size:50px;margin:20px auto;width:-webkit-fit-content;width:fit-content}.maintenance-info p{font-family:Georgia,serif;font-size:22px;line-height:40px;text-align:justify}.maintenance-services{background-color:#e5e5e53b;border:1px solid #ccc;border-radius:20px;display:block;margin:auto;max-width:950px;padding:65px}.maintenance-services h2{color:#2e4b2e;font-size:40px;margin-bottom:50px;margin-top:0}.yard-services ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);list-style-type:none;margin:0;padding:0}.yard-services li{align-items:center;background-color:#ffffff42;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;display:flex;font-family:New Century Schoolbook,TeX Gyre Schola,serif;font-size:21px;height:70px;justify-content:space-between;padding:10px;text-align:left}.yard-services li:after{color:#447144;content:"✓";position:relative}.service-area{background-color:#e5e5e53b;border:1px solid #ccc;border-radius:20px;margin:50px auto;max-width:1000px;padding:0 40px 80px;text-align:center}.service-area h2{color:#2e4b2e;font-size:40px}.service-area p{font-size:26px;margin-bottom:40px}.service-area ul{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(6,1fr);list-style-type:none;padding:0}.service-area li{display:flex;font-size:21px;justify-content:center;padding:10px;position:relative;width:100%}.service-area li:before{color:#447144;content:"•";left:0;margin-right:10px;position:absolute}@media(max-width:1096px){.maintenance-info{width:900px}.maintenance-info p{font-size:24px}.maintenance-services{padding:30px 20px;width:900px}.service-area{padding:0 20px 40px;width:900px}.service-area ul{gap:30px;grid-template-columns:repeat(5,1fr)}}@media(max-width:860px){.maintenance-info{width:700px}.maintenance-services{padding:30px 20px;width:700px}.service-area{padding:0 20px 40px;width:700px}.service-area ul{gap:20px;grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.maintenance-info{width:400px}.maintenance-info p{font-size:19px;line-height:35px}.maintenance-services{padding:30px 0;width:400px}.yard-services li{font-size:16px}.service-area{padding:0 0 40px;width:400px}.service-area p{font-size:20px}.service-area ul{gap:10px;grid-template-columns:repeat(3,1fr)}.service-area li{font-size:19px;padding:5px}}@media(max-width:400px){.maintenance-info{width:320px}.maintenance-info h1{font-size:30px}.maintenance-services{width:320px}.yard-services li{font-size:12px}.service-area{padding:0 20px 40px;width:320px}.service-area ul{gap:10px;grid-template-columns:repeat(3,1fr)}}.main-landscaping{display:grid;justify-content:center}.landscaping-info{margin:30px auto;width:1150px}.main-landscaping>h1{color:#2e4b2e;font-family:georgia,serif;font-size:50px;margin-top:auto}.landscaping-info h3{color:#2e4b2e;font-size:50px;margin:20px auto;width:-webkit-fit-content;width:fit-content}.landscaping-info p{font-family:Georgia,serif;font-size:22px;line-height:40px;text-align:justify}.landscaping-services{background-color:#e5e5e53b;border:1px solid #ccc;display:block;margin:auto;padding:30px;width:900px}.landscaping-services h2{color:#2e4b2e;font-size:40px;margin-bottom:40px;margin-top:auto}@media(max-width:860px){.landscaping-info{width:700px}.landscaping-services{padding:20px 10px;width:700px}}@media (max-width:640px){.landscaping-info{width:400px}.landscaping-info p{font-size:19px;line-height:35px}.landscaping-services{padding:20px 10px;width:400px}}@media(max-width:400px){.landscaping-info{width:320px}.landscaping-services{padding:20px 10px;width:320px}}.gallery-outer{display:flex;flex-direction:column;justify-content:center;width:100%}.gallery-container{box-sizing:border-box;color:#000;display:grid;margin:0 auto;max-width:1300px}.gallery-container>h1{color:#2e4b2e;font-family:georgia,serif;font-size:50px;margin-bottom:30px;margin-top:10px;text-align:center}.filter-buttons{display:flex;justify-content:center;margin-bottom:20px}.filter-buttons button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:20px;color:#333;cursor:pointer;font-size:16px;margin-right:10px;padding:8px 20px;transition:background-color .3s}.filter-buttons button.active{border-color:#0af}.filter-buttons button.active,.filter-buttons button:hover{background-color:#447144;color:#fff}.image-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);justify-items:center}.image-grid img{border-radius:6px;height:200px;object-fit:cover;width:100%}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:20px;color:#333;cursor:pointer;font-size:16px;margin:0 5px;padding:8px 12px;transition:background-color .3s}.pagination button:hover{background-color:#447144;color:#fff}.page-number{min-width:36px;padding:8px 10px}.page-number.active{background-color:#447144;color:#fff}.gallery-modal-overlay{background:#2e4b2eb6;inset:0;position:fixed;z-index:3000}.gallery-modal,.gallery-modal-overlay{align-items:center;display:flex;justify-content:center}.gallery-modal{position:relative}.gallery-modal img{border-radius:6px;display:block;height:600px;width:1000px}.modal-close{align-items:center;border-radius:50%;box-shadow:0 2px 10px #00000040;font-size:25px;height:44px;right:10px;top:20px}.modal-close,.modal-next,.modal-prev{background:#333;border:none;color:#1e90ff;cursor:pointer;display:flex;justify-content:center;position:fixed;width:44px}.modal-next,.modal-prev{align-items:flex-start;border-radius:8px;font-size:45px;height:60px;top:50%;transform:translateY(-50%)}.modal-prev{left:10px}.modal-next{right:10px}.modal-close:hover,.modal-next:hover,.modal-prev:hover{background:#969696;color:#447144}@media screen and (max-width:1600px){.image-grid{grid-template-columns:repeat(4,1fr)}.image-grid img{border-radius:6px;height:220px;object-fit:cover;width:100%}}@media(max-width:880px){.filter-buttons{flex-wrap:wrap}.filter-buttons button{margin-bottom:10px}.image-grid{grid-template-columns:repeat(3,1fr)}.image-grid img{border-radius:6px;height:200px;object-fit:cover;width:100%}.pagination button{margin-bottom:10px}.gallery-modal img{height:auto;width:100%}.modal-next,.modal-prev{font-size:55px;height:60px;line-height:50px;padding:0;width:55px}.modal-next{right:0}.modal-prev{left:0}}@media(max-width:768px){.image-grid{grid-template-columns:repeat(2,1fr)}.image-grid img{border-radius:6px;height:200px;object-fit:cover;width:100%}}@media(max-width:480px){.filter-buttons{flex-wrap:wrap}.filter-buttons button{margin-bottom:10px}.image-grid{grid-template-columns:repeat(2,1fr)}.image-grid img{border-radius:6px;height:180px;object-fit:cover;width:100%}.modal-next,.modal-prev{font-size:40px;height:60px;width:20px}.modal-next{right:0}.modal-prev{left:0}}@media(max-width:360px){.filter-buttons{flex-wrap:wrap}.filter-buttons button{margin-bottom:10px}.image-grid{grid-template-columns:repeat(2,1fr)}.image-grid img{height:150px;width:100%}}
/*# sourceMappingURL=main.35652d8a.css.map*/