@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2"), url('../fonts/fa-brands-400.eot') format("embedded-opentype"), url('../fonts/fa-brands-400.woff') format("woff"), url('../fonts/fa-brands-400.ttf') format("truetype"), url('../fonts/fa-brands-400.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2"), url('../fonts/fa-solid-900.eot') format("embedded-opentype"), url('../fonts/fa-solid-900.woff') format("woff"), url('../fonts/fa-solid-900.ttf') format("truetype"), url('../fonts/fa-solid-900.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2"), url('../fonts/fa-regular-400.eot') format("embedded-opentype"), url('../fonts/fa-regular-400.woff') format("woff"), url('../fonts/fa-regular-400.ttf') format("truetype"), url('../fonts/fa-regular-400.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --pastel: #a5db4c;
  --active-nav-green: #91da1a;
  --logo-green: #7fc114;
  --transparent: transparent;
  --black: black;
  --logo-dark-green: #45710f;
  --dark-green-text: #345a05;
  --mid-gray: #4a4a4a;
  --dark-turquoise: #39c6d9;
  --dark-cyan: #288a97;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  flex-direction: column;
  align-items: center;
  font-family: Lato, sans-serif;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.contact-section {
  background-color: var(--white);
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.navigation-section {
  z-index: .7;
  background-color: var(--pastel);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.nav-container {
  justify-content: center;
  align-items: stretch;
  width: 940px;
  display: flex;
}

.nav-link {
  z-index: 1;
  background-color: var(--pastel);
  color: var(--white);
  text-align: center;
  border-right: 1px #ffffff80;
  padding-left: 30px;
  padding-right: 31px;
  font-size: 13px;
  transition: all .2s;
}

.nav-link:hover {
  background-color: var(--active-nav-green);
  color: var(--white);
}

.nav-link.w--current {
  background-color: var(--logo-green);
  color: var(--white);
  border-right: 1px solid #ffffff80;
}

.navbar {
  background-color: var(--transparent);
}

.contact-container {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 90%;
  height: 100%;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.co-logo-link {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 23%;
  text-decoration: none;
  display: flex;
}

.contact-link {
  width: 23%;
  color: var(--black);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.location-div {
  width: 23%;
  color: var(--black);
  text-align: left;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.large-image {
  background-image: linear-gradient(to top, #0000008c, #0000 36%), url('../images/334552096.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  width: 100%;
  height: 600px;
}

.nav-link-left {
  background-color: var(--pastel);
  color: var(--white);
}

.nav-link-left:hover {
  background-color: var(--active-nav-green);
  color: var(--white);
}

.nav-link-left.w--current {
  background-color: var(--logo-green);
  color: var(--white);
  border-left-style: none;
  border-right: 1px #ffffff80;
}

.nav-link-left.home {
  z-index: 1;
  background-color: var(--logo-green);
}

.image {
  filter: saturate(112%) hue-rotate(257deg);
  width: 15%;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
}

.address {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.address-swirly {
  margin-bottom: 2px;
  margin-left: 10px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
}

.contact-div {
  display: flex;
}

.contact-us-button-div {
  justify-content: center;
  align-items: stretch;
  height: 65%;
  display: flex;
}

.large-image-cover-div {
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.large-image-grey-text-box {
  background-color: #0009;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  min-width: 900px;
  height: auto;
  margin-top: 250px;
  margin-left: 50px;
  padding: 40px;
  display: flex;
}

.grey-box-heading {
  color: var(--white);
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 100;
  line-height: 70px;
}

.small-slider-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 5px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.contact-header-button {
  background-color: var(--pastel);
  color: var(--white);
  letter-spacing: 0;
  border-radius: 0 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 700;
  transition: background-color .5s;
  display: flex;
}

.contact-header-button:hover {
  background-color: var(--active-nav-green);
}

.grey-section-button {
  background-color: var(--active-nav-green);
  color: var(--white);
  letter-spacing: 0;
  border-radius: 0 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 30px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .5s;
  display: flex;
}

.grey-section-button:hover {
  background-color: var(--active-nav-green);
}

.body-container {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  display: flex;
}

.heading {
  border-bottom: 5px solid var(--pastel);
  width: 100%;
  margin-top: 0;
  margin-bottom: 60px;
  padding-bottom: 30px;
  font-size: 50px;
  font-weight: 300;
  line-height: 50px;
}

.paragraph-1 {
  text-align: justify;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.column {
  padding-left: 0;
  padding-right: 20px;
  line-height: 24px;
}

.column-2 {
  flex-direction: column;
  align-items: flex-end;
  padding-left: 20px;
  padding-right: 0;
  display: flex;
}

.blue-button {
  border: 1px solid var(--logo-dark-green);
  background-color: var(--white);
  width: 180px;
  color: var(--logo-dark-green);
  text-align: center;
  letter-spacing: 2px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 15px 30px;
  font-size: 12px;
  font-weight: 700;
  transition: color .5s, background-color .5s;
  display: flex;
}

.blue-button:hover {
  background-color: var(--logo-green);
  color: var(--white);
  border-color: #0000;
}

.medium-heading {
  color: var(--dark-green-text);
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.body-container-vertical {
  color: #e2dc9e;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 1300px;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.h2 {
  width: 100%;
  color: var(--mid-gray);
  border-bottom: 1px solid #4a4a4a33;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
}

.h2.white {
  border-bottom-width: 5px;
  border-bottom-color: var(--pastel);
  color: var(--black);
  text-align: left;
  padding-bottom: 20px;
  font-size: 50px;
  font-weight: 300;
  line-height: 60px;
}

.h2.no-job {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  font-weight: 700;
  display: flex;
}

.dark-blue-body-section {
  background-color: var(--logo-dark-green);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
}

._3-boxes-div {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  min-width: 1100px;
  margin-top: 70px;
  display: flex;
}

.box {
  background-color: var(--pastel);
  width: 100%;
  min-width: 200px;
  height: 100%;
  color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.box:hover {
  background-color: var(--active-nav-green);
  box-shadow: 10px 10px 20px -13px #0000007a;
}

.learn-more {
  letter-spacing: .5px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.button-div {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.italic-text {
  letter-spacing: 0;
  font-size: 15px;
}

.circle {
  background-color: var(--logo-dark-green);
  border-radius: 240px;
  justify-content: center;
  align-items: center;
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.area-icon {
  filter: saturate(106%) hue-rotate(259deg);
  width: 50%;
}

.area-icon.email {
  filter: hue-rotate(263deg);
  width: 40%;
}

.address-text {
  color: var(--white);
  text-align: left;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.left-address-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.middle-address-div {
  justify-content: center;
  align-items: center;
  width: 330px;
  display: flex;
}

.right-address-div {
  justify-content: center;
  align-items: center;
  width: 330px;
  min-width: 250px;
  display: flex;
}

.footer-links {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 20px;
}

.side-image {
  border-radius: 0;
  margin-right: 50px;
}

.renovation-section {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.light-blue-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 940px;
  max-width: 90%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.blue-body-section-less-padding {
  background-color: var(--pastel);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 30px 60px;
  display: flex;
}

.paragraph-5 {
  color: var(--black);
  text-align: justify;
  padding-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.white-link {
  color: var(--white);
  text-decoration: none;
}

.logo {
  text-align: left;
  align-self: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.dropdown-toggle {
  color: var(--white);
  transition: all .2s;
}

.dropdown-toggle:hover {
  background-color: var(--active-nav-green);
  color: var(--white);
}

.text-block, .service-dropdown-fiv {
  width: 100%;
  height: 100%;
}

.link-block-2 {
  text-decoration: none;
}

.link-block-3 {
  justify-content: center;
  align-items: center;
  width: 330px;
  min-width: 250px;
  text-decoration: none;
  display: flex;
}

.dropdown-list {
  background-color: #574040;
}

.dropdown-list.w--open {
  background-color: var(--pastel);
  width: 250px;
  transition: all .2s;
}

.services-link {
  border-bottom: 1px solid var(--active-nav-green);
  color: #fff;
  transition: all .2s;
}

.services-link:hover {
  background-color: var(--active-nav-green);
  color: var(--white);
  padding-left: 40px;
}

.services-link.w--current {
  background-color: var(--logo-green);
  color: #fff;
  padding-left: 40px;
}

.link {
  color: #376400;
  font-size: 15px;
  font-weight: 900;
  text-decoration: underline;
}

.boxes-link {
  width: 20%;
  margin-left: 10px;
  margin-right: 10px;
  text-decoration: none;
}

.reno {
  background-color: #679c0f;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  align-items: center;
  width: 80%;
  height: 60%;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  display: flex;
  box-shadow: 14px 14px 20px -9px #00000078;
}

.text-block-2 {
  color: #000;
  text-align: left;
  background-color: #0000;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  padding: 20px 40px 40px;
  font-weight: 400;
  display: flex;
}

.call-us-section {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.no-job-section {
  background-color: #e2dc9e;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.heading-2 {
  text-align: center;
  flex-flow: column;
  width: 80%;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  display: block;
}

.link-3 {
  color: var(--logo-green);
  margin-top: 10px;
  font-size: 28px;
  text-decoration: none;
}

.div-block-4 {
  background-color: var(--pastel);
  width: 90%;
  height: 5px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.side-bubbles {
  opacity: .5;
  background-image: url('../images/Asset-1.webp');
  background-position: 0 0;
  background-size: cover;
  width: 15%;
  height: 600px;
  transform: rotate(0);
}

.side-bubbles.right {
  opacity: .5;
  height: 600px;
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(180deg);
}

.expert-solutions-section {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  width: 90%;
  padding: 70px 30px;
  display: flex;
}

._2x1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

._2x1.higher {
  grid-template-columns: 1fr .5fr;
}

.reno-list {
  color: #000;
  text-align: left;
  padding-right: 40px;
  font-weight: 400;
  line-height: 35px;
}

.link-4 {
  color: #000;
}

.columns {
  width: 95%;
  padding-bottom: 20px;
}

.link-5, .link-6, .link-7, .link-8, .link-9, .link-10 {
  color: #fff;
  text-decoration: none;
}

.reno-div {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.reno-div2 {
  width: 100%;
  max-width: 90%;
  color: var(--black);
  background-color: #f8f8f8;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.bold-text-2 {
  color: #000;
  text-decoration: none;
}

.reno-pic-1 {
  background-image: url('../images/Alex-Green-34.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.reno-pic-2 {
  background-image: url('../images/Alex-Green-55.webp');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}

.reno-list2 {
  color: #000;
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 40px;
  padding-right: 40px;
  font-weight: 400;
  line-height: 35px;
  display: flex;
}

.box-img1 {
  background-image: url('../images/Garden-Landscape.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.box-img2 {
  background-image: url('../images/Landscaping.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.box-img3 {
  background-image: url('../images/Driveway-Service.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.box-img4 {
  background-image: url('../images/Alex-Green-25.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.box-img5 {
  background-image: url('../images/Alex-Green-22.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 220px;
}

.map-div {
  width: 80%;
  height: 400px;
  margin-top: 40px;
}

.html-embed {
  width: 100%;
  height: 100%;
}

.dots {
  padding-top: 2px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 6px;
}

.list-item {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  list-style-type: disc;
  display: flex;
}

.list-item-2, .list-item-3, .list-item-4 {
  display: flex;
}

.form {
  width: 50%;
  height: 100%;
}

.form-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.socials {
  color: #e2dc9e;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 15%;
  max-width: 100%;
  height: 100%;
  padding-top: 20px;
  font-size: 45px;
  display: flex;
}

.faccebook {
  background-color: #45710f;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  text-decoration: none;
  display: flex;
}

.instagram {
  background-color: #45710f;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.text-span {
  line-height: 65px;
}

.side-image-mobile {
  border-radius: 0;
  margin-right: 50px;
  display: none;
}

.reno-pic-1-mobil {
  background-image: url('../images/list-img-1.webp');
  background-position: 50% 0;
  background-size: cover;
  height: 400px;
  display: none;
}

.dropdown {
  z-index: 1;
}

.fb {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.instagram-icon {
  color: var(--pastel);
  font-family: "Fa brands 400", sans-serif;
  line-height: 45px;
}

.fb-icon {
  color: var(--pastel);
  font-family: "Fa brands 400", sans-serif;
  line-height: 45px;
  text-decoration: none;
}

.link-block-4 {
  text-decoration: none;
}

.link-block-5 {
  color: #7fc114;
  text-decoration: none;
}

.navigation-section-services {
  z-index: .7;
  background-color: var(--pastel);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.dropdown-toggle-services {
  background-color: var(--logo-green);
  color: var(--white);
  transition: all .2s;
}

.dropdown-toggle-services:hover {
  background-color: var(--active-nav-green);
  color: var(--white);
}

.call-us-symbol {
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.symbol-call-us-header {
  text-align: center;
  margin-bottom: 20px;
}

.symbol-content-section {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.symbol-div {
  width: 100%;
  max-width: 90%;
  color: var(--black);
  background-color: #f8f8f8;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.symbolimg1, .symbol-img2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.symbollist1 {
  color: #000;
  text-align: left;
  padding-right: 40px;
  font-weight: 400;
  line-height: 25px;
}

.symbolp1 {
  color: var(--black);
  text-align: justify;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.symbolp2 {
  color: var(--black);
  text-align: justify;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.symbol-h1 {
  width: 100%;
  color: var(--mid-gray);
  border-bottom: 1px solid #4a4a4a33;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 26px;
  font-weight: 300;
  line-height: 36px;
}

.symbol-h1.white {
  border-bottom-width: 5px;
  border-bottom-color: var(--pastel);
  color: var(--black);
  text-align: left;
  padding-bottom: 20px;
  font-size: 50px;
  font-weight: 300;
  line-height: 60px;
}

._2x1-symbol {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

._2x1-symbol.lower {
  grid-template-columns: .75fr 1fr;
  align-content: end;
}

._2x1-symbol.higher {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr .75fr;
}

.body-2, .body-3, .body-4, .body-5, .body-6, .body-7, .body-8, .body-9, .body-10, .body-11, .body-12, .body-13 {
  font-family: Lato, sans-serif;
}

.heading-3 {
  font-size: 26px;
  font-weight: 700;
}

.list-3 {
  flex-direction: column;
  align-items: flex-start;
  line-height: 25px;
  display: block;
}

.div-block-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-6 {
  font-size: 15px;
  line-height: 1.5;
}

.text-span-2 {
  color: var(--active-nav-green);
  font-size: 35px;
  font-weight: 400;
  line-height: 45px;
}

.sub-heading {
  font-size: 22px;
}

.paragraph-6-left {
  text-align: left;
  font-size: 15px;
}

.headling-align-left {
  text-align: left;
}

._2x1-areas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

._2x1-areas.lower {
  grid-template-columns: 1fr .5fr;
}

.areas-div {
  text-align: left;
}

.areas-list {
  line-height: 25px;
}

.text-span-3, .text-span-4 {
  color: var(--active-nav-green);
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

.site-map-p {
  color: var(--black);
  text-align: center;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
}

.html-embed-3 {
  width: 50%;
}

.contact-p {
  text-align: center;
}

.text-span-5, .text-span-6 {
  font-size: 30px;
}

.circle-contact {
  background-color: var(--logo-dark-green);
  border-radius: 240px;
  justify-content: center;
  align-items: center;
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-13 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-copy {
  color: #376400;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}

.block1 {
  background-image: url('../images/Alex-Green-23.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.block2 {
  background-image: url('../images/Alex-Green-29.webp');
  background-position: 50% 60%;
  background-size: cover;
  height: 500px;
}

.drive1 {
  background-image: url('../images/Alex-Green-9.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.drive2 {
  background-image: url('../images/driveway-2.JPG');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.drive3 {
  background-image: url('../images/Driveway-Service.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.drive4 {
  background-image: url('../images/113977752.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.winch1 {
  background-image: url('../images/21877597.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.winch2 {
  background-image: url('../images/277206168.jpg');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.winch3 {
  background-image: url('../images/112871080.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.south1 {
  background-image: url('../images/list-img-2-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 400px;
}

.south2 {
  background-image: url('../images/Garden-Transformation-in-Badger-Farm-8.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.south3 {
  background-image: url('../images/134769038.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.ground1 {
  background-image: url('../images/Alex-Green-56.webp');
  background-position: 100% 0;
  background-size: cover;
  height: 500px;
}

.ground2 {
  background-image: url('../images/Alex-Green-22.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.ground3 {
  background-image: url('../images/Alex-Green-58.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.patio1 {
  background-image: url('../images/Alex-Green-58.webp');
  background-position: 50% 80%;
  background-size: cover;
  height: 400px;
}

.patio2 {
  background-image: url('../images/Alex-Green-46.webp');
  background-position: 50% 35%;
  background-size: cover;
  height: 400px;
}

.land1 {
  background-image: url('../images/Alex-Green-28.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land2 {
  background-image: url('../images/Alex-Green-3.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land3 {
  background-image: url('../images/Alex-Green-20.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land4 {
  background-image: url('../images/Garden-Water-Feature.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land5 {
  background-image: url('../images/Alex-Green-24.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land6 {
  background-image: url('../images/Alex-Green-59.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land7 {
  background-image: url('../images/Garden-Landscape.webp');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.land8 {
  background-image: url('../images/Garden-Design.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
}

.land2-mobile {
  background-image: url('../images/263815542.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.land4-mobile {
  background-image: url('../images/312048262.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.land6-mobile {
  background-image: url('../images/354345142.webp');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.land8-mobile {
  background-image: url('../images/90149088.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.patio2-mobile {
  background-image: url('../images/list-img-2-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 400px;
  display: none;
}

.ground2-mobile {
  background-image: url('../images/284379076.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.drive4-mobile {
  background-image: url('../images/113977752.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.drive2-mobile {
  background-image: url('../images/134769038.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.block2-mobile {
  background-image: url('../images/170323981.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.winch2-mobile {
  background-image: url('../images/277206168.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.south2-mobile {
  background-image: url('../images/Garden-Transformation-in-Badger-Farm-8.jpg');
  background-position: 50%;
  background-size: cover;
  height: 400px;
  display: none;
}

.div-block-15 {
  width: 80%;
}

.div-block-16 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.text-span-7 {
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
}

.bold-text-3 {
  color: #fff04c;
}

.slide {
  background-image: linear-gradient(#e8e8e8, #f8f8f8);
}

.slider {
  box-shadow: 14px 14px 20px -2px #00000029;
}

.right-arrow, .icon-2, .slide-nav {
  display: none;
}

.symbol-div-copy {
  width: 100%;
  max-width: 90%;
  color: var(--black);
  background-color: #f8f8f8;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.reno-div-copy {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-2 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 600px;
  display: flex;
}

.left-arrow, .right-arrow-2 {
  display: none;
}

.slide-1 {
  background-image: url('../images/334552096.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide-3 {
  background-image: url('../images/Alex-Green-15.webp');
  background-position: 50% 25%;
  background-size: cover;
  width: 100%;
}

.slide-2 {
  background-image: url('../images/Alex-Green-38.webp');
  background-position: 50% 25%;
  background-size: cover;
}

.slide-nav-2 {
  display: none;
}

.mask {
  background-image: linear-gradient(to top, #363636, var(--transparent));
  width: 100%;
}

.gallery-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.paragraph-7 {
  font-size: 15px;
  line-height: 1.5;
}

.google-reviews {
  width: 100%;
  margin-top: 20px;
}

.gallery-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.gal-grid {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.lb {
  object-fit: cover;
  width: 100%;
  height: 270px;
}

.bullet-list {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.list-item-10 {
  font-size: 15px;
}

.map {
  background-image: url('../images/alex-green-map.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  width: 80%;
  height: 450px;
  margin-top: 30px;
}

.fs-cc-manager_icon {
  width: 32px;
  height: 32px;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-banner_close-icon {
  width: 24px;
  height: 24px;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 576px;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -12px -12px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.fs-cc-banner_button {
  border: 2px solid var(--logo-green);
  background-color: var(--logo-green);
  color: #fff;
  text-align: center;
  border-radius: 500px;
  min-width: 140px;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 16px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  border-color: var(--logo-green);
  color: var(--logo-green);
  background-color: #f5f5f5;
}

.fs-cc-manager_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-prefs_title {
  color: var(--black);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  margin-left: 12px;
  padding: 10px;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 40px;
}

.fs-cc-prefs_button {
  border: 2px solid var(--logo-green);
  background-color: var(--logo-green);
  border-radius: 500px;
  margin-right: 8px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  border-color: var(--logo-green);
  color: var(--logo-green);
  background-color: #fff;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999px;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-banner_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_close-icon {
  width: 16px;
  height: 16px;
  color: var(--black);
  display: flex;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: var(--black);
  font-size: 12px;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 24px;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 32px;
  margin-right: -8px;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 40px 32px;
  overflow: scroll;
}

.fs-cc-prefs_space-small {
  margin-bottom: 12px;
}

.fs-cc-prefs_label {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--logo-green);
  color: var(--logo-green);
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  flex-direction: column;
  padding: 10px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 24px 32px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: grid;
}

.text-block-6 {
  font-family: "Fa solid 900", sans-serif;
  font-size: 16px;
}

.social-link {
  color: #fff;
  background-color: #ff3639;
  border: 1px solid #ff3639;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  font-size: 14px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-link:hover {
  color: #ff3639;
  background-color: #fff;
  border: 1px solid #ff3639;
}

.social-link.side {
  border-radius: 40px;
  width: 50px;
  height: 50px;
  margin-top: 4px;
  margin-bottom: 2px;
  margin-right: 20px;
  font-size: 18px;
}

.social-link.side._5 {
  background-color: #b91619;
  border-color: #b91619;
}

.social-link.side._5:hover {
  background-color: #fff;
}

.social-link.side._2 {
  border-color: var(--logo-green);
  background-color: var(--logo-dark-green);
  font-family: "Fa solid 900", sans-serif;
  transition: background-color .45s ease-in-out, color .45s ease-in-out;
}

.social-link.side._2:hover {
  color: var(--logo-dark-green);
  background-color: #fff;
}

.social-link.side._4 {
  border-color: var(--logo-green);
  background-color: var(--logo-dark-green);
  font-family: "Fa brands 400", sans-serif;
  font-size: 20px;
  transition: color .45s ease-in-out, background-color .45s ease-in-out;
}

.social-link.side._4:hover {
  color: var(--logo-dark-green);
  background-color: #fff;
}

.social-link.side.text-block-3 {
  border-color: var(--logo-green);
  background-color: var(--dark-green-text);
  font-family: "Fa brands 400", sans-serif;
  font-size: 20px;
  transition: color .45s ease-in-out, background-color .45s ease-in-out;
}

.social-link.side.text-block-3:hover {
  color: var(--logo-dark-green);
  background-color: #fff;
}

.social-link.side._1 {
  border-color: var(--logo-green);
  background-color: var(--logo-dark-green);
  transition: color .45s ease-in-out, background-color .45s ease-in-out;
}

.social-link.side._1:hover {
  color: var(--logo-dark-green);
  background-color: #fff;
}

.circle-div-side {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.side-socials {
  z-index: 999;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 75px;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.side-socials.top {
  justify-content: center;
  height: 1%;
  top: 45%;
}

.container {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.project-wrap {
  width: 48%;
  margin-bottom: 80px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.project-section {
  padding-top: 100px;
  padding-bottom: 128px;
}

.image-overlay {
  background-color: #161513;
  position: absolute;
  inset: auto 0% 0%;
}

.details-link-bg {
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.category {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25em;
}

.project-name {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.25em;
}

.project-section-header {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: center;
  max-width: none;
  display: flex;
}

.tag {
  border-radius: 100px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1.5em;
}

.project-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.project-section-title {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.project-section-wrap {
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.tag-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.big-image {
  object-fit: cover;
  width: 100%;
  height: 550px;
}

.details-link-text {
  z-index: 1;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
  position: relative;
}

.project-image-wrap {
  width: 48%;
  min-height: 550px;
  max-height: 550px;
  position: relative;
  overflow: hidden;
}

.project-details-link {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 128px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gallery-text {
  color: var(--dark-green-text);
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 900;
  line-height: 38px;
  text-decoration: none;
  transition: color .45s ease-in-out;
}

.gallery-text:hover {
  color: var(--logo-green);
}

._2-img-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.img-1 {
  background-image: url('../images/Block-Paving-Side.webp');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.img-1.img2 {
  background-image: url('../images/Block-Paving-2.webp');
}

.img-1.drive-1 {
  background-image: url('../images/Driveway-2.webp');
}

.img-1.drive-2 {
  background-image: url('../images/Driveway-1.webp');
}

.img-1.img-3, .img-1.img3 {
  background-image: url('../images/Block-Paving-Side.webp');
}

.img-drive {
  background-image: url('../images/Block-Paving-Side.webp');
  background-position: 50%;
  background-size: cover;
  height: 500px;
}

.new-gallery-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.lb-img {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

.lb-link {
  width: 100%;
  text-decoration: none;
}

.lightbox-title {
  background-color: var(--active-nav-green);
  color: var(--dark-green-text);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .contact-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link {
    border-right-width: 0;
  }

  .navbar {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .contact-container {
    width: 100%;
  }

  .nav-menu {
    background-color: #7fc114;
  }

  .co-logo-link {
    width: 23%;
  }

  .contact-link {
    width: 20%;
  }

  .location-div {
    width: 30%;
  }

  .large-image {
    height: 400px;
  }

  .nav-link-left.w--current {
    text-align: center;
    border-left-width: 0;
    border-right-width: 0;
  }

  .image {
    width: 9%;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .address {
    width: 100%;
  }

  .address-div {
    font-size: 12px;
  }

  .contact-div {
    align-items: center;
  }

  .icon {
    color: var(--white);
  }

  .menu-button {
    text-align: center;
    width: 100%;
  }

  .menu-button.w--open {
    background-color: var(--transparent);
  }

  .large-image-grey-text-box {
    justify-content: center;
    width: 100%;
    min-width: auto;
    height: auto;
    margin-left: 0;
  }

  .grey-box-heading {
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
  }

  .small-slider-text {
    width: 75%;
    font-size: 22px;
    line-height: 32px;
  }

  .contact-header-button, .grey-section-button {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .body-container {
    width: 100%;
  }

  .heading {
    text-align: center;
  }

  .blue-button {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .body-container-vertical {
    flex-direction: row;
    width: 100%;
    padding-top: 20px;
  }

  .h2.white {
    text-align: center;
    line-height: 45px;
  }

  .h2.no-job {
    color: var(--black);
    font-size: 30px;
    font-weight: 400;
  }

  ._3-boxes-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    min-width: 0;
    display: grid;
  }

  .circle {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .address-text {
    text-align: center;
    width: 100%;
    padding-top: 0;
  }

  .left-address-div {
    margin-left: 10px;
    margin-right: 10px;
  }

  .middle-address-div, .right-address-div {
    flex-direction: column;
    justify-content: flex-start;
    width: 33%;
    height: 100px;
    margin-top: 10px;
  }

  .side-image {
    display: none;
  }

  .light-blue-container {
    width: 95%;
  }

  .link-block-3 {
    flex-direction: column;
    justify-content: flex-start;
    width: 33%;
    height: 100px;
  }

  .boxes-link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-2 {
    width: 90%;
  }

  .expert-solutions-section {
    width: 100%;
  }

  .reno-list {
    text-align: center;
    list-style-type: none;
  }

  .reno-div2 {
    width: 95%;
  }

  .reno-pic-1 {
    height: 300px;
  }

  .reno-list2 {
    align-items: center;
    width: 100%;
  }

  .dots {
    color: #fff;
  }

  .list-item {
    width: 100%;
  }

  .list-item-2, .list-item-3, .list-item-4 {
    text-align: center;
    justify-content: center;
    width: 100%;
  }

  .socials {
    flex-direction: row;
    justify-content: center;
    width: 95%;
  }

  .instagram {
    margin-left: 10px;
    margin-right: 10px;
  }

  .side-image-mobile {
    width: 50%;
    margin-top: 40px;
    margin-right: 0;
    display: block;
  }

  .fb {
    margin-left: 10px;
    margin-right: 10px;
  }

  .symbol-call-us-header {
    width: 90%;
  }

  .symbol-div {
    width: 95%;
    padding-bottom: 0;
  }

  .symbolimg1 {
    height: 300px;
  }

  .symbollist1 {
    text-align: center;
    width: 100%;
    list-style-type: none;
  }

  .symbolp1 {
    font-size: 14px;
  }

  .symbol-h1.white {
    text-align: center;
    line-height: 45px;
  }

  ._2x1-symbol.lower, ._2x1-symbol.higher, ._2x1-areas.lower {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .areas-div {
    text-align: center;
  }

  .areas-list {
    padding-left: 0;
    list-style-type: none;
  }

  .html-embed-3 {
    width: 100%;
  }

  .circle-contact {
    margin-right: 0;
  }

  .block1 {
    height: 300px;
  }

  .block2 {
    display: none;
  }

  .drive1 {
    height: 300px;
  }

  .drive2 {
    display: none;
  }

  .drive3 {
    height: 300px;
  }

  .drive4 {
    display: none;
  }

  .winch1 {
    height: 300px;
  }

  .winch2 {
    display: none;
  }

  .winch3, .south1 {
    height: 300px;
  }

  .south2 {
    display: none;
  }

  .south3, .ground1 {
    height: 300px;
  }

  .ground2 {
    display: none;
  }

  .ground3, .patio1 {
    height: 300px;
  }

  .patio2 {
    display: none;
  }

  .land1 {
    height: 300px;
  }

  .land2 {
    display: none;
  }

  .land3 {
    height: 300px;
  }

  .land4 {
    display: none;
  }

  .land5 {
    height: 300px;
  }

  .land6 {
    display: none;
  }

  .land7 {
    height: 300px;
  }

  .land8 {
    display: none;
  }

  .land2-mobile, .land4-mobile, .land6-mobile, .land8-mobile, .patio2-mobile, .ground2-mobile, .drive4-mobile, .drive2-mobile {
    display: block;
  }

  .block2-mobile {
    background-image: url('../images/block-paving-5.JPG');
    display: block;
  }

  .winch2-mobile, .south2-mobile {
    display: block;
  }

  .div-block-15 {
    width: 100%;
  }

  .symbol-div-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .gal-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .map {
    background-size: cover;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .project-wrap {
    margin-bottom: 60px;
  }

  .project-section {
    padding-bottom: 80px;
  }

  .category {
    font-size: 20px;
  }

  .project-name {
    font-size: 30px;
  }

  .project-section-header {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 60px;
  }

  .project-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    bottom: 20px;
    left: 20px;
  }

  .project-image-wrap {
    min-height: auto;
    max-height: none;
  }

  .new-gallery-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .contact-container {
    flex-direction: column;
  }

  .nav-menu {
    background-color: #7fc114;
  }

  .co-logo-link {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .contact-link {
    text-align: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
  }

  .location-div {
    justify-content: center;
    width: 100%;
    max-width: 500px;
    margin-bottom: 5px;
  }

  .large-image {
    height: 350px;
  }

  .image {
    display: none;
  }

  .address {
    text-align: left;
    margin-left: 3px;
  }

  .address-div {
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .contact-us-button-div {
    justify-content: center;
    width: 100%;
  }

  .grey-box-heading {
    font-weight: 400;
    line-height: 50px;
  }

  .small-slider-text {
    width: 90%;
  }

  .body-container {
    width: 100%;
  }

  .heading {
    text-align: center;
    width: 90%;
  }

  .paragraph-1 {
    text-align: center;
  }

  .column {
    padding-right: 0;
  }

  .column-2 {
    padding-left: 0;
  }

  .body-container-vertical {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    padding-top: 40px;
  }

  .h2.white {
    width: 80%;
    line-height: 50px;
  }

  ._3-boxes-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    width: 100%;
    min-width: 100%;
    display: grid;
  }

  .box {
    min-width: 600px;
  }

  .address-text {
    width: 100%;
  }

  .left-address-div {
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
  }

  .middle-address-div {
    justify-content: flex-start;
    width: 90%;
    min-width: 150px;
    padding-top: 0;
  }

  .right-address-div {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    min-width: 150px;
    padding-top: 0;
  }

  .side-image {
    display: none;
  }

  .renovation-section {
    padding-top: 20px;
  }

  .paragraph-5 {
    text-align: center;
    width: 80%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .logo {
    width: 60%;
    margin-bottom: 20px;
  }

  .link-block-2 {
    width: 100%;
  }

  .link-block-3 {
    justify-content: flex-start;
    width: 30%;
    min-width: 150px;
  }

  .boxes-link, .div-block {
    width: 100%;
  }

  .heading-2 {
    width: 90%;
  }

  .expert-solutions-section {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  ._2x1.lower {
    grid-template-rows: auto auto;
    grid-template-columns: 2.25fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2x1.higher {
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    justify-items: center;
    min-width: 100%;
    padding-bottom: 0;
  }

  .reno-list {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .columns {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .bold-text-2 {
    color: var(--dark-green-text);
  }

  .reno-pic-1 {
    width: 700px;
    display: none;
  }

  .reno-pic-2 {
    width: 700px;
  }

  .reno-list2 {
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .dots {
    color: #fff;
  }

  .list-item {
    width: 100%;
    margin-left: 5px;
  }

  .list-item-2, .list-item-3, .list-item-4 {
    justify-content: center;
    width: 100%;
    margin-left: 5px;
  }

  .socials {
    flex-direction: row;
    justify-content: center;
  }

  .instagram {
    margin-left: 10px;
    margin-right: 10px;
  }

  .list-item-5, .list-item-6 {
    width: 100%;
  }

  .side-image-mobile {
    margin-top: 40px;
    margin-right: 0;
    display: block;
  }

  .reno-pic-1-mobil {
    background-image: url('../images/block-paving-5.JPG');
    width: 700px;
    display: flex;
  }

  .fb {
    justify-content: center;
    align-items: flex-start;
    margin-left: 10px;
    margin-right: 10px;
  }

  .symbol-call-us-header {
    width: 90%;
  }

  .symbol-content-section {
    padding-top: 20px;
  }

  .symbol-div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .symbolimg1 {
    width: 100%;
    display: block;
  }

  .symbol-img2 {
    width: 100%;
  }

  .symbollist1 {
    text-align: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .symbolp1 {
    text-align: center;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .symbolp2 {
    text-align: center;
    width: 80%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .symbol-h1.white {
    width: 80%;
    font-size: 38px;
    line-height: 50px;
  }

  ._2x1-symbol.lower {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  ._2x1-symbol.higher {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    min-width: 100%;
    padding-bottom: 0;
  }

  .div-block-12, .paragraph-6, .paragraph-6-left {
    width: 100%;
  }

  ._2x1-areas.lower {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .areas-div {
    width: 100%;
  }

  .site-map-p {
    text-align: center;
    width: 80%;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .html-embed-3, .contact-p {
    width: 100%;
  }

  .block1 {
    width: 100%;
    display: block;
  }

  .block2 {
    width: 100%;
  }

  .drive1 {
    width: 100%;
    display: block;
  }

  .drive2 {
    width: 100%;
  }

  .drive3 {
    width: 100%;
    display: block;
  }

  .drive4 {
    width: 100%;
  }

  .winch1 {
    width: 100%;
    display: block;
  }

  .winch2 {
    width: 100%;
  }

  .winch3, .south1 {
    width: 100%;
    display: block;
  }

  .south2 {
    width: 100%;
  }

  .south3, .ground1 {
    width: 100%;
    display: block;
  }

  .ground2 {
    width: 100%;
  }

  .ground3, .patio1 {
    width: 100%;
    display: block;
  }

  .patio2 {
    width: 100%;
  }

  .land1 {
    width: 100%;
    display: block;
  }

  .land2 {
    width: 100%;
  }

  .land3 {
    width: 100%;
    display: block;
  }

  .land4 {
    width: 100%;
  }

  .land5 {
    width: 100%;
    display: block;
  }

  .land6 {
    width: 100%;
  }

  .land7 {
    width: 100%;
    display: block;
  }

  .land8, .land2-mobile, .land4-mobile, .land6-mobile, .land8-mobile, .patio2-mobile, .ground2-mobile, .drive4-mobile, .drive2-mobile, .block2-mobile, .winch2-mobile, .south2-mobile {
    width: 100%;
  }

  .slider {
    height: 500px;
  }

  .paragraph-7 {
    text-align: center;
  }

  .gal-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fs-cc-banner_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-prefs_title {
    font-size: 20px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text-link {
    margin-right: 8px;
  }

  .social-link.side {
    width: 60px;
    height: 60px;
    margin-left: 0;
  }

  .circle-div-side {
    display: none;
  }

  .side-socials {
    justify-content: flex-end;
    width: 80px;
    height: 80px;
    inset: auto 0% 0% auto;
  }

  .project-wrap {
    margin-bottom: 40px;
  }

  .project-section {
    padding-bottom: 80px;
  }

  .project-name {
    font-size: 25px;
  }

  .project-section-header {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 40px;
  }

  .project-details-link {
    inset: 5% 5% auto auto;
    transform: none;
  }

  ._2-img-div {
    flex-flow: column;
    display: flex;
  }

  .img-1 {
    height: 300px;
  }

  .lb-img {
    height: 220px;
  }
}

@media screen and (max-width: 479px) {
  .contact-section {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-section {
    display: flex;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar {
    z-index: 5;
  }

  .nav-menu {
    background-color: #7fc114;
  }

  .co-logo-link.w--current {
    margin-bottom: 0;
  }

  .large-image {
    height: 360px;
  }

  .nav-link-left {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .address {
    text-align: center;
    width: 100%;
    margin-left: 0;
    font-weight: 400;
  }

  .address-swirly {
    display: none;
  }

  .menu-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .large-image-grey-text-box {
    height: auto;
    margin-top: 165px;
    padding: 20px;
  }

  .grey-box-heading {
    margin-bottom: 10px;
    font-size: 33px;
    font-weight: 400;
    line-height: 39px;
  }

  .small-slider-text {
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    display: block;
  }

  .grey-section-button {
    margin-top: 0;
  }

  .body-container {
    width: 100%;
    max-width: 100%;
  }

  .heading {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
  }

  .paragraph-1 {
    text-align: center;
    margin-bottom: 20px;
  }

  .column {
    text-align: left;
    padding-right: 0;
  }

  .column-2 {
    padding-left: 0;
  }

  .medium-heading {
    font-size: 25px;
    line-height: 35px;
  }

  .body-container-vertical {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    display: flex;
  }

  .h2.white {
    text-align: center;
    width: 90%;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
  }

  .h2.no-job {
    color: var(--black);
    font-size: 30px;
    font-weight: 400;
  }

  .dark-blue-body-section {
    padding-top: 20px;
    padding-bottom: 100px;
  }

  ._3-boxes-div {
    flex-direction: column;
    margin-top: 30px;
  }

  .box {
    width: 100%;
    min-width: 200px;
    margin-bottom: 30px;
  }

  .box.bottom {
    margin-bottom: 0;
  }

  .circle {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .address-text {
    text-align: center;
    white-space: pre-wrap;
    width: 100%;
    margin-left: auto;
  }

  .left-address-div {
    justify-content: center;
    width: 100%;
    height: 170px;
    margin-bottom: 0;
    display: flex;
  }

  .middle-address-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .right-address-div {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 150px;
  }

  .side-image {
    width: 70%;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .renovation-section {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .blue-body-section-less-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-5 {
    width: 90%;
    padding-top: 0;
  }

  .white-link {
    color: var(--white);
    text-decoration: none;
  }

  .logo {
    width: 90%;
  }

  .dropdown-toggle {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .text-block {
    text-align: center;
    margin-left: 10px;
  }

  .link-block-2 {
    white-space: pre-line;
    width: 100%;
    overflow: auto;
  }

  .link-block-3 {
    flex-direction: column;
    justify-content: center;
  }

  .dropdown-list.w--open {
    color: #fff;
    text-align: center;
    background-color: #91da1a;
  }

  .services-link {
    color: #fff;
    text-align: center;
    border-bottom: 2px solid #6bb80d;
  }

  .div-block {
    width: 100%;
  }

  .call-us-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .no-job-section {
    padding: 30px 20px 70px;
  }

  .heading-2 {
    line-height: 32px;
  }

  .expert-solutions-section {
    padding: 30px 20px;
  }

  ._2x1.higher {
    flex-flow: column;
    display: flex;
  }

  .columns {
    padding-left: 0;
    padding-right: 0;
  }

  .reno-div {
    width: 90%;
  }

  .reno-div2 {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .reno-pic-1 {
    width: 100%;
    display: block;
  }

  .reno-pic-2 {
    width: 100%;
    height: 300px;
  }

  .box-img1 {
    background-position: 50%;
    height: 150px;
  }

  .box-img2 {
    background-position: 50% 60%;
    height: 150px;
  }

  .box-img3 {
    background-position: 50% 0;
    height: 150px;
  }

  .box-img4, .box-img5 {
    height: 150px;
  }

  .map-div {
    width: 100%;
  }

  .form {
    width: 90%;
  }

  .form-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .socials {
    width: 100%;
    max-width: 100%;
  }

  .instagram {
    justify-content: center;
  }

  .text-span {
    flex-direction: column;
    width: 100%;
    margin-bottom: -36px;
    font-size: 25px;
    line-height: 35px;
    display: flex;
  }

  .list-item-5 {
    width: auto;
  }

  .list-item-6 {
    text-align: left;
    width: auto;
  }

  .side-image-mobile {
    width: 70%;
    margin-bottom: 30px;
    margin-right: 0;
    display: none;
  }

  .reno-pic-1-mobil {
    background-image: url('../images/block-paving-5.JPG');
    width: 100%;
  }

  .dropdown {
    color: #7fc114;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .fb {
    justify-content: center;
    width: 100%;
    height: 80px;
    margin-bottom: 0;
  }

  .navigation-section-services {
    display: flex;
  }

  .dropdown-toggle-services {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .call-us-symbol {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .symbol-content-section {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .symbol-div {
    width: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .symbolimg1, .symbol-img2 {
    width: 90%;
  }

  .symbollist1 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .symbolp1 {
    text-align: left;
    width: 100%;
    padding-top: 0;
    font-size: 14.5px;
  }

  .symbolp2 {
    width: 90%;
  }

  .symbol-h1.white {
    text-align: center;
    width: 90%;
    font-size: 26px;
    font-weight: 400;
    line-height: 38px;
  }

  ._2x1-symbol.lower {
    justify-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  ._2x1-symbol.higher {
    place-content: center;
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-3 {
    text-align: center;
  }

  .div-block-12 {
    width: 90%;
  }

  .text-span-2 {
    color: var(--logo-dark-green);
    font-size: 26px;
    line-height: 38px;
  }

  .headling-align-left {
    font-size: 25px;
    line-height: 32px;
  }

  ._2x1-areas.lower {
    justify-items: center;
  }

  .areas-div {
    width: 90%;
  }

  .text-span-3 {
    color: var(--logo-dark-green);
    font-size: 26px;
    line-height: 38px;
  }

  .site-map-p, .html-embed-3 {
    width: 90%;
  }

  .circle-contact {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .block1 {
    width: 100%;
  }

  .block2 {
    width: 90%;
    height: 300px;
    display: block;
  }

  .drive1 {
    width: 100%;
  }

  .drive2 {
    width: 90%;
  }

  .drive3 {
    width: 100%;
  }

  .drive4 {
    width: 90%;
  }

  .winch1 {
    width: 100%;
  }

  .winch2 {
    width: 90%;
  }

  .winch3 {
    width: 100%;
  }

  .south1, .south2, .south3 {
    width: 90%;
  }

  .ground1 {
    width: 100%;
  }

  .ground2 {
    width: 100%;
    height: 300px;
    display: block;
  }

  .ground3, .patio1 {
    width: 100%;
  }

  .patio2 {
    width: 100%;
    height: 300px;
    display: block;
  }

  .land1 {
    width: 100%;
  }

  .land2 {
    width: 90%;
  }

  .land3 {
    width: 100%;
  }

  .land4 {
    width: 100%;
    height: 300px;
    display: flex;
  }

  .land5 {
    width: 100%;
  }

  .land6 {
    width: 100%;
    height: 300px;
    display: block;
  }

  .land7 {
    width: 100%;
  }

  .land8 {
    width: 100%;
    height: 300px;
    display: block;
  }

  .land2-mobile, .land4-mobile, .land6-mobile, .land8-mobile {
    width: 90%;
  }

  .patio2-mobile {
    width: 100%;
    height: 300px;
  }

  .ground2-mobile {
    width: 90%;
  }

  .drive4-mobile {
    width: 100%;
    height: 300px;
  }

  .drive2-mobile {
    background-image: url('../images/gravel.webp');
    width: 100%;
    height: 300px;
  }

  .block2-mobile {
    width: 100%;
    height: 280px;
  }

  .winch2-mobile {
    width: 100%;
    height: 300px;
  }

  .south2-mobile {
    width: 90%;
  }

  .div-block-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider {
    height: 500px;
  }

  .symbol-div-copy {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-2 {
    height: 450px;
  }

  .gallery-grid, .div-block-17 {
    width: 90%;
  }

  .div-block-18 {
    width: auto;
  }

  .list-item-7, .list-item-8 {
    text-align: left;
  }

  .paragraph-7 {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-9 {
    text-align: left;
  }

  .contact-form {
    width: 100%;
  }

  .gal-grid {
    grid-template-columns: 1fr 1fr;
  }

  .fs-cc-prefs_component {
    padding: 24px;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 10px;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -22px 10px auto auto;
  }

  .fs-cc-prefs_button {
    margin-bottom: 8px;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-prefs_content {
    padding: 24px;
  }

  .grid {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .side-socials {
    justify-content: flex-end;
    height: 120px;
    inset: auto 0% 0% auto;
  }

  .list-4 {
    padding-left: 0;
  }

  .list-5 {
    width: 100%;
  }

  .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .heading-14 {
    font-size: 25px;
    line-height: 32px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-wrap {
    width: 100%;
    height: 360px;
    margin-bottom: 10px;
  }

  .project-section {
    padding-bottom: 60px;
  }

  .project-section-header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .tag-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .project-details-link {
    width: 110px;
    height: 110px;
  }

  .gallery-text {
    font-size: 20px;
    line-height: 24px;
  }

  .img-1, .img-drive {
    height: 250px;
  }

  .new-gallery-grid {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .lb-img {
    height: 220px;
  }
}

#w-node-a02f9b56-9bcd-3300-be45-32c44ac2a997-66a28656 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a02f9b56-9bcd-3300-be45-32c44ac2a9b8-66a28656 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e658c6f0-e199-7dc0-fd6f-fdaf9dd71031-80dbcbd4, #w-node-e658c6f0-e199-7dc0-fd6f-fdaf9dd71032-80dbcbd4, #w-node-e658c6f0-e199-7dc0-fd6f-fdaf9dd71042-80dbcbd4, #w-node-_81123773-721d-7bd8-bd24-8d72b78d7db8-80dbcbd4, #w-node-_39d02d72-62d4-71bd-580f-3c3591c5bb19-80dbcbd4, #w-node-_39d02d72-62d4-71bd-580f-3c3591c5bb1a-80dbcbd4, #w-node-_3f33db15-6b97-03e5-d644-d8f86183946b-80dbcbd4, #w-node-_8ea46940-a48b-b8bc-9116-6b6c9d649425-80dbcbd4, #w-node-d9dc128f-63a5-5903-9dbf-fbf052c64f29-80dbcbd4, #w-node-d9dc128f-63a5-5903-9dbf-fbf052c64f2a-80dbcbd4, #w-node-_021b97e9-4820-91d2-d8c5-67674695d349-80dbcbd4, #w-node-_4667b8b2-3856-85ad-2501-d0d0914ae025-80dbcbd4, #w-node-_7b60bb22-1f18-1c0c-7fa4-d1235b3cf4de-80dbcbd4, #w-node-d50f92df-65f4-ca95-6006-1415705fc669-80dbcbd4, #w-node-_174c5a2e-f535-b0e1-c5ec-fe969ae97a96-80dbcbd4, #w-node-_5bce87ae-e1b4-7754-c93b-2b20986ac176-80dbcbd4, #w-node-_24ad04f2-40bb-30c5-3efb-d9cbabdbd697-b59a32be, #w-node-cfdc3b32-3af0-ee5e-e55e-0cb6ba4e72a9-b59a32be, #w-node-_2ddc8b1e-0689-bb7a-cc3e-165e7c1cca64-b59a32be, #w-node-_613520c5-bacf-144d-91ad-a9ad58650c5a-b59a32be, #w-node-_359df169-de8f-6631-1a6d-a74a666e08e6-a7e4afa0, #w-node-_359df169-de8f-6631-1a6d-a74a666e08e7-a7e4afa0, #w-node-_359df169-de8f-6631-1a6d-a74a666e0901-a7e4afa0, #w-node-_457b1371-91f8-327f-f0c0-44e071e11e49-a7e4afa0, #w-node-_359df169-de8f-6631-1a6d-a74a666e0920-a7e4afa0, #w-node-_359df169-de8f-6631-1a6d-a74a666e0921-a7e4afa0, #w-node-_3ff7aee0-a2e8-ce4e-6d80-e0d004356d4e-c4133aed, #w-node-_3ff7aee0-a2e8-ce4e-6d80-e0d004356d4f-c4133aed, #w-node-_3ff7aee0-a2e8-ce4e-6d80-e0d004356d6e-c4133aed, #w-node-_3ff7aee0-a2e8-ce4e-6d80-e0d004356d5f-c4133aed, #w-node-ae41c158-af66-2534-5d89-4d986ff29b2f-c4133aed, #w-node-d1ed2aeb-db48-9137-c17e-cac8df4db6fa-c4133aed, #w-node-d1ed2aeb-db48-9137-c17e-cac8df4db6fb-c4133aed, #w-node-_2b2e50b7-aca6-e682-4622-5eb88900cc6c-c4133aed, #w-node-_2b2e50b7-aca6-e682-4622-5eb88900cc63-c4133aed, #w-node-_81700195-1f9a-b6f5-dab1-009e17654043-c4133aed, #w-node-_77725a3d-d425-a023-26f2-80fc2d18259e-0e74e282, #w-node-_77725a3d-d425-a023-26f2-80fc2d18259f-0e74e282, #w-node-_77725a3d-d425-a023-26f2-80fc2d1825af-0e74e282, #w-node-_77725a3d-d425-a023-26f2-80fc2d1825be-0e74e282, #w-node-_1c6f9c02-b45c-6757-593b-94d3a477e78c-24bcc17d, #w-node-_346fa04e-b7ec-fe2e-b6d9-cdc707d6887b-24bcc17d, #w-node-_476d7d67-fd2c-92a2-9a30-a007d965cf1d-b956a6b8, #w-node-_476d7d67-fd2c-92a2-9a30-a007d965cf1e-b956a6b8, #w-node-_476d7d67-fd2c-92a2-9a30-a007d965cf3d-b956a6b8, #w-node-_476d7d67-fd2c-92a2-9a30-a007d965cf2e-b956a6b8, #w-node-ae7777cc-d54f-19c2-594a-028bf024ff00-b956a6b8, #w-node-_62955399-6645-8442-1e06-b5e15013cdd5-b956a6b8, #w-node-_62955399-6645-8442-1e06-b5e15013cdd6-b956a6b8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bc8fbcd-d77e-d8a3-cee0-0fe4047c6ceb-b956a6b8, #w-node-_24b19580-86b9-8762-7b40-3d3ff024a4c1-b956a6b8, #w-node-_9e90d65b-a040-e165-fadd-073134558790-9dbcc29a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_932e6c11-99e0-48f1-c6b9-ddf00d619016-9dbcc29a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_6547d645-c3b4-0524-6f34-a120458d82d2-9dbcc29a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18ea5a3c-4f57-c88c-8fcd-26f40ac69f3a-9dbcc29a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_81123773-721d-7bd8-bd24-8d72b78d7db8-80dbcbd4, #w-node-_8ea46940-a48b-b8bc-9116-6b6c9d649425-80dbcbd4, #w-node-_4667b8b2-3856-85ad-2501-d0d0914ae025-80dbcbd4, #w-node-_457b1371-91f8-327f-f0c0-44e071e11e49-a7e4afa0, #w-node-ae41c158-af66-2534-5d89-4d986ff29b2f-c4133aed, #w-node-_81700195-1f9a-b6f5-dab1-009e17654043-c4133aed, #w-node-ae7777cc-d54f-19c2-594a-028bf024ff00-b956a6b8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a02f9b56-9bcd-3300-be45-32c44ac2a997-66a28656, #w-node-e658c6f0-e199-7dc0-fd6f-fdaf9dd71031-80dbcbd4, #w-node-_39d02d72-62d4-71bd-580f-3c3591c5bb19-80dbcbd4, #w-node-d9dc128f-63a5-5903-9dbf-fbf052c64f29-80dbcbd4, #w-node-_7b60bb22-1f18-1c0c-7fa4-d1235b3cf4de-80dbcbd4, #w-node-_24ad04f2-40bb-30c5-3efb-d9cbabdbd697-b59a32be, #w-node-_359df169-de8f-6631-1a6d-a74a666e08e6-a7e4afa0, #w-node-_359df169-de8f-6631-1a6d-a74a666e0920-a7e4afa0, #w-node-_3ff7aee0-a2e8-ce4e-6d80-e0d004356d4e-c4133aed, #w-node-d1ed2aeb-db48-9137-c17e-cac8df4db6fa-c4133aed, #w-node-_77725a3d-d425-a023-26f2-80fc2d18259e-0e74e282, #w-node-_476d7d67-fd2c-92a2-9a30-a007d965cf1d-b956a6b8, #w-node-_62955399-6645-8442-1e06-b5e15013cdd5-b956a6b8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_974c8331-a883-2ab8-34bf-67539b586805-66a28656 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_44983189-88cb-eb08-d07c-2c2399abe5a2-99abe59a {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_39d02d72-62d4-71bd-580f-3c3591c5bb19-80dbcbd4, #w-node-d9dc128f-63a5-5903-9dbf-fbf052c64f29-80dbcbd4, #w-node-_7b60bb22-1f18-1c0c-7fa4-d1235b3cf4de-80dbcbd4 {
    order: 9999;
  }

  #w-node-_24ad04f2-40bb-30c5-3efb-d9cbabdbd697-b59a32be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cfdc3b32-3af0-ee5e-e55e-0cb6ba4e72a9-b59a32be {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_359df169-de8f-6631-1a6d-a74a666e0901-a7e4afa0 {
    justify-self: center;
  }

  #w-node-_457b1371-91f8-327f-f0c0-44e071e11e49-a7e4afa0 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_77725a3d-d425-a023-26f2-80fc2d1825be-0e74e282 {
    order: 9999;
  }

  #w-node-_62955399-6645-8442-1e06-b5e15013cdd5-b956a6b8, #w-node-_62955399-6645-8442-1e06-b5e15013cdd6-b956a6b8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_932e6c11-99e0-48f1-c6b9-ddf00d619016-9dbcc29a, #w-node-_18ea5a3c-4f57-c88c-8fcd-26f40ac69f3a-9dbcc29a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }
}


@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.eot') format('embedded-opentype'), url('../fonts/fa-brands-400.woff') format('woff'), url('../fonts/fa-brands-400.ttf') format('truetype'), url('../fonts/fa-brands-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.eot') format('embedded-opentype'), url('../fonts/fa-solid-900.woff') format('woff'), url('../fonts/fa-solid-900.ttf') format('truetype'), url('../fonts/fa-solid-900.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.eot') format('embedded-opentype'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype'), url('../fonts/fa-regular-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}