@font-face {
  font-family: Pertili;
  src: url('../fonts/PERTILI.TTF') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black-60: #0009;
  --black-90: #000000e6;
  --black-75: #000000bf;
  --cream: #fcfcf4;
  --black: #000;
  --black-40: #0006;
  --white-90: #ffffffe6;
  --qa-green: #094c11;
  --white: #fff;
  --new-green\<deleted\|variable-ee4cb340\>: #094c11;
  --random-gray-tile\<deleted\|variable-b7a3dfd2\>: #f0f0f0;
  --transparent: #fff0;
  --brighter-green\<deleted\|variable-61660ac9\>: #1d5023;
  --black-10: #0000001a;
  --cream-50: #fcfcf480;
  --q-a-5: #094c110d;
  --green-type\<deleted\|variable-890e84d4\>: #09380f;
  --white-smoke\<deleted\|variable-eb0af185\>: whitesmoke;
  --unchecked\<deleted\|variable-1ee2958c-4bb6-ec84-f14a-7b068d7f8c97\>: #09380f3b;
  --green-5: #094c110d;
  --cream-90: #fcfcf4e6;
  --black-33: #00000054;
  --green-25: #094c1140;
  --cream-25: #fcfcf440;
  --cream-75: #fcfcf4bf;
}

.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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--black-60);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  position: relative;
}

h1 {
  color: var(--black-90);
  text-align: center;
  font-family: Pertili, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 5.25rem;
}

h2 {
  color: var(--black-90);
  font-family: Pertili, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem;
}

h3 {
  color: var(--black-90);
  font-family: Pertili, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2rem;
}

h4 {
  font-family: Pertili, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-weight: 400;
}

h6 {
  color: var(--black-75);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
  position: relative;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5rem;
}

a {
  color: #094c11b3;
  font-weight: 700;
  text-decoration: none;
  transition: color .55s cubic-bezier(.19, 1, .22, 1);
}

a:hover {
  color: #094c11e6;
}

img {
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.hero-section {
  background-image: linear-gradient(to bottom, var(--cream), var(--cream));
  color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  min-height: 60vh;
  margin-top: 13vh;
  display: flex;
  position: relative;
}

.hero-section.services {
  background-image: linear-gradient(to bottom, var(--cream), var(--cream)), url('../images/Patio-1-Full-Grass.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.hero-section.lawn-installation-hero, .hero-section.tree-removal-hero {
  height: 62vh;
}

.hero-section.home-hero {
  grid-column-gap: 21px;
  grid-row-gap: 45px;
  background-image: none;
  grid-template-rows: .75fr .75fr .75fr;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
  margin-top: 15vh;
  padding-bottom: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
  overflow: hidden;
}

.hero-section.home-hero.proto {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 90vw;
  display: grid;
}

.hero-section.home-hero.copy {
  display: none;
}

.hero-section.peters-hero {
  padding-top: 15vh;
  padding-bottom: 10vh;
}

.hero-section.about-hero, .hero-section.calculator-hero {
  min-height: 50vh;
}

.hero-section.walls-hero {
  min-height: 70vh;
}

.hero-section.patio-calculator-hero {
  background-image: linear-gradient(to bottom, var(--black-40), var(--black-40)), url('../images/patio-installation-whitehall.jpg');
  color: var(--white-90);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100vw;
  min-height: 70vh;
  margin-top: 0;
  padding-top: 13vh;
  padding-left: 5vw;
  padding-right: 5vw;
}

.hero-section.rock-blog-hero {
  min-height: 50vh;
}

.hero-section.blog-home {
  text-align: center;
  min-height: 50vh;
}

.hero-section.blog-hero {
  min-height: 50vh;
}

.hero-section.blog-template-hero {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 60vh;
  padding-left: 10vw;
  padding-right: 10vw;
}

.hero-section.blog-template-hero.native-plants {
  justify-content: center;
  align-items: center;
}

.hero-section.sditemap {
  flex-flow: wrap;
}

.h1-home {
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000;
  margin-top: 0;
  font-family: Pertili, sans-serif;
  font-size: 75px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
}

.hero-subheading {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 3px #000;
  max-width: 60%;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

.button-1 {
  z-index: 5;
  border: 1px solid var(--black-60);
  box-shadow: 2px 2px 0 0 var(--black);
  color: var(--black);
  text-align: center;
  background-color: #094c1100;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 12px 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  transition: background-color .4s cubic-bezier(.19, 1, .22, 1), box-shadow .3s ease-out;
  display: flex;
  position: relative;
}

.button-1:hover {
  background-color: var(--qa-green);
  box-shadow: none;
  color: var(--white);
  border: 1px solid #0000;
}

.button-1.w--current {
  color: var(--white);
}

.button-1.button-1-5 {
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.button-1.button-1-5:hover {
  box-shadow: 8px 5px 4px -6px #0000002e;
}

.button-1.nav-button {
  text-transform: capitalize;
  flex: none;
  margin: 10px 40px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 400;
}

.button-1.nav-button:hover {
  box-shadow: none;
}

.button-1.nav-button.w--current {
  color: var(--black);
}

.button-1.nav-button.w--current:hover {
  color: var(--white);
}

.button-1.employment-button {
  margin-left: 10px;
}

.button-1.form-white:hover {
  background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
  transform: scale(.95);
  box-shadow: inset -1px 2px 10px -3px #00000080;
}

.button-1.form-white.left-margin {
  margin-left: 20px;
}

.button-1.home-hero-button {
  margin-right: 40px;
}

.button-1.home-hero-button:hover {
  color: var(--black);
}

.button-1.pink {
  border-color: var(--qa-green);
  background-color: var(--transparent);
  box-shadow: none;
  color: var(--black);
}

.button-1.pink:hover {
  color: var(--white);
  background-color: #e74281;
}

.button-1.sticky-gallery {
  z-index: 10;
  font-weight: 400;
  position: absolute;
  bottom: 10vh;
  right: auto;
}

.button-1.light-button {
  border-color: var(--white);
  color: var(--white);
}

.button-1.newsletter-button {
  border-color: var(--white);
  box-shadow: 2px 2px 0 0 var(--white);
  color: var(--white);
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 14px;
}

.button-1.margin-0 {
  margin-left: 0;
}

.button-1.margin-left {
  margin-left: 40px;
}

.menu-button {
  display: none;
}

.h2-home {
  color: var(--black);
  text-align: left;
  font-family: Pertili, sans-serif;
  font-size: 9rem;
  font-weight: 400;
  line-height: 9rem;
}

.h2-home.home-excavation {
  font-size: 52px;
  line-height: 52px;
}

.h2-home.home-concrete {
  font-size: 62px;
  line-height: 62px;
}

.tile-h4 {
  z-index: 5;
  color: var(--brighter-green\<deleted\|variable-61660ac9\>);
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Merriweather, serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
  display: none;
  position: relative;
}

.section-3-tiles {
  z-index: 1;
  background-color: var(--qa-green);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90vw;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.section-3-tiles.venetia {
  border-radius: 0;
  width: 100vw;
}

.home-h3 {
  color: var(--brighter-green\<deleted\|variable-61660ac9\>);
  text-align: left;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 25px;
  line-height: 42px;
  display: flex;
}

.tile-p {
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.service-block {
  z-index: 1;
  border-bottom: 1px solid var(--cream);
  box-shadow: none;
  color: var(--cream);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.service-block:hover {
  background-color: var(--cream);
  color: var(--black);
}

.service-block.firepits-tile:hover {
  background-image: linear-gradient(#00000038, #00000038), url('../images/Firepit-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.service-block.tree-tile:hover {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/Tree-Removal-Tile_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.service-block.decorative-stone-tile:hover {
  background-image: linear-gradient(#00000017, #00000017), url('../images/decorative-stone-tile.jpg');
  background-position: 0 0, 0%;
  background-size: auto, cover;
}

.service-block.landscape-design-tile {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.service-block.landscape-design-tile:hover {
  background-image: url('../images/Landscape-design-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.service-block.mulching-tile {
  background-image: none;
  background-position: 0 0;
}

.service-block.mulching-tile:hover {
  background-image: url('../images/Mulching-1.jpg');
  background-position: 50% 70%;
  background-size: cover;
}

.service-block.seasonal-tile {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.service-block.seasonal-tile:hover {
  background-image: linear-gradient(#00000021, #00000021), url('../images/fall-cleanup-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.service-block.french-drains-tile:hover {
  background-image: linear-gradient(#00000026, #00000026), url('../images/Drains-Tile.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.service-block.concrete-edging-tile:hover {
  background-image: linear-gradient(#0000003b, #0000003b), url('../images/Continuous-Concrete-Edging.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.service-block.lawn-install-tile:hover {
  background-image: linear-gradient(#00000030, #00000030), url('../images/Lawn-install-1.JPG');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.h3-div {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.patios {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Patio-1.png');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 30vw;
  margin-top: 0;
  display: flex;
}

.walls {
  background-image: linear-gradient(#00000080, #00000080), url('../images/wall-1.jpg');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 30vw;
  display: flex;
}

.excavation {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Excavation-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 30vw;
  margin-top: 0;
  display: flex;
}

.testimonial-section {
  background-color: var(--cream);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100vw;
  margin-top: 20vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-list {
  flex-direction: column;
  margin-top: 20px;
  font-size: 16px;
  display: none;
}

.firepits-tile {
  padding: 0;
}

.landscape-design-tile {
  background-image: url('../images/Landscape-design-1.jpg');
  background-position: 50%;
  background-size: cover;
  padding: 0;
}

.seasonal-tile {
  background-image: url('../images/fall-cleanup-1.jpg');
  background-position: 50%;
  background-size: cover;
  padding: 0;
}

.mulching-tile {
  background-image: url('../images/Mulching-1.jpg');
  background-position: 50% 70%;
  background-size: cover;
  padding: 0;
}

.tile-sh {
  color: #fff;
  text-align: center;
  width: 300px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.horizontal-service-title {
  text-align: center;
  flex: none;
  font-family: Pertili, sans-serif;
  font-size: 2.5vw;
  font-weight: 400;
  transition: all .2s;
}

.footer {
  z-index: 2;
  background-color: var(--qa-green);
  flex-direction: column;
  grid-template: "." .25fr
                 "." .25fr
                 "." .5fr
                 / .25fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: end center;
  width: 100%;
  padding: 10vh 5vw;
  display: grid;
  position: relative;
  overflow: hidden;
}

.footer-brand {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.footer-services {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
}

.footer-heading {
  color: var(--white);
  text-align: left;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.footer-service {
  color: #ffffffa6;
  text-align: left;
  flex: none;
  margin-bottom: 5px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  transition: all .2s;
}

.footer-service:hover {
  font-weight: 700;
  transform: translate(-16px);
}

.viz-div {
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100%;
  padding: 40px 40px 10px;
  display: flex;
  position: relative;
}

.service-hero-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-hero-div.lz.venetia {
  margin-bottom: 10vh;
}

.universal-navigation {
  z-index: 12;
  background-color: var(--transparent);
  color: var(--qa-green);
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 700px;
  display: flex;
  position: fixed;
}

.universal-navigation.testimonial {
  background-color: #fffffff2;
}

.nav-link-2 {
  border: 1px solid var(--transparent);
  color: #fff;
  flex: 0 auto;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px;
  font-family: Merriweather, serif;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s;
}

.nav-link-2:hover {
  background-color: #00000029;
  border: 1px solid #fff;
  transform: scale(1.1);
}

.nav-link-2.w--current {
  display: none;
}

.nav-link-2.employment {
  display: flex;
}

.nav-link-2.employment.w--current {
  color: #fff;
  display: none;
}

.nav-link-2.testimonial {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  transform-style: preserve-3d;
  border: 1px solid #0000;
  transition-duration: .15s;
}

.nav-link-2.testimonial:hover {
  border: 1px solid var(--new-green\<deleted\|variable-ee4cb340\>);
  background-color: #ffffff85;
  transform: scale3d(1.2, 1.2, 1.2);
}

.home-nav-brand {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.tile-wrapper {
  justify-content: center;
  width: 100vw;
  display: flex;
}

.tile-wrapper.filter-mobile {
  display: none;
}

.visualization-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services-h1 {
  color: var(--black);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Pertili, sans-serif;
  font-size: 90px;
}

.service-console-section {
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  display: flex;
}

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

.console-wrapper {
  background-color: #0000;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  width: 15vw;
  display: flex;
  position: relative;
}

.console-wrapper.new-console {
  z-index: 10;
  border: 1px solid var(--black);
  box-shadow: 2px 2px 0 0 var(--q-a-5);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 15vw;
  min-width: 200px;
  margin-right: 20px;
  padding-top: 20px;
  position: relative;
  left: 0;
  overflow: hidden;
}

.console-item {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 0 10px 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: .8rem;
  line-height: 1rem;
  transition: all .15s ease-out;
  display: flex;
}

.console-item:hover {
  color: #fff;
}

.console-item.services {
  text-transform: uppercase;
  justify-content: flex-start;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-size: 2svw;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
}

.console-link {
  background-color: var(--transparent);
  color: var(--black);
  border-top: 2px #0000000d;
  border-bottom: 2px #0000000d;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 0;
  font-size: 1.1svw;
  font-weight: 400;
  transition: all .2s ease-out;
  display: flex;
}

.console-link:hover {
  background-color: var(--qa-green);
  color: #fff;
  background-image: none;
}

.console-link.w--current {
  background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
  color: #fff;
  background-image: none;
  transition-duration: .1s;
}

.console-link.solutions-link {
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.console-link.solutions-link.w--current {
  color: #000;
  background-color: #094c1100;
}

.console-link.solutions-link.w--current:hover {
  background-color: var(--qa-green);
  color: var(--white);
}

.nav-menu-2 {
  z-index: 10;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.gallery-wrapper {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  padding-top: 0;
  display: flex;
}

.gallery-image {
  width: 40vw;
  margin-top: 10px;
  margin-bottom: 10px;
}

.content-wrapper-1 {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 75vw;
  display: flex;
  overflow: hidden;
}

.service-heading {
  color: var(--black);
  text-align: center;
  margin-bottom: 10px;
  font-size: 50px;
  line-height: 1.3;
}

.service-heading.employment-h2 {
  text-align: left;
  margin-bottom: 20px;
}

.service-heading.left-align {
  text-align: left;
}

.horizontal-divider {
  border-top: 1px solid #1d502366;
  height: 1px;
}

.visualization-image-1 {
  z-index: 5;
  width: 100%;
}

.visualization-image-2 {
  z-index: 4;
  background-image: url('../images/Firepit-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.location-link {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  transition: color .5s linear;
}

.location-link:hover {
  color: #000;
}

.home-button-div {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  display: flex;
}

.secondary-button {
  color: #252020;
  text-transform: capitalize;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 0;
  margin-top: 10px;
  font-family: Merriweather, serif;
  font-size: 16px;
  font-weight: 700;
  transition: transform .2s, border-radius .2s, background-color .1s;
}

.secondary-button:hover {
  color: #000;
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: scale(1.1);
  box-shadow: 10px 2px 5px #0003;
}

.secondary-button.category-button {
  justify-content: center;
  margin-top: 20px;
  font-size: 12px;
  display: flex;
}

.home-service-section-left {
  background-image: linear-gradient(to right, #fff, #0000), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 75vh;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.home-service-section-left.walls {
  background-image: linear-gradient(90deg, #fff 54%, #e6e6e678 67%, #cfcfcf00 74%), url('../images/wall-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 75vh;
  margin-top: 0;
  display: flex;
}

.home-service-section-left.plants {
  background-image: linear-gradient(90deg, #fff 51%, #0000 76%), url('../images/Lawn-installation-Testimonial-5.jpg');
  background-position: 0 0, 0%;
  display: flex;
}

.home-service-section-left.concrete {
  background-image: linear-gradient(90deg, #fff 47%, #0000 63%), url('../images/Concrete-main-page_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  display: none;
}

.home-service-section-right {
  background-image: linear-gradient(93deg, #0000, #fff), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 75vh;
  padding-right: 100px;
  display: flex;
  position: relative;
}

.home-service-section-right.patios {
  background-image: linear-gradient(270deg, #fff 48%, #fff0 78%), url('../images/patio-new.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  height: 75vh;
  padding-right: 0;
  display: flex;
  position: relative;
}

.home-service-section-right.excavation {
  background-image: linear-gradient(270deg, #fff 42%, #ffffffe3 51%, #ffffff94 59%, #fff0 69%), url('../images/Grading-1.jpg');
  padding-right: 20px;
  display: none;
}

.form-section {
  color: #fff;
  background-image: linear-gradient(#00000045, #00000045), url('../images/Hero-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
}

.form-headings-div {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  height: 100%;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.form-1 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  min-width: 60vw;
  height: 100vh;
  margin-bottom: 0;
  display: flex;
}

.field-1 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #0000;
  border-bottom-color: #00000038;
}

.field-1::placeholder {
  color: #000;
  font-size: 15px;
}

.field-1.name {
  color: #000;
  margin-right: 10px;
}

.form-div {
  width: 100%;
  display: flex;
}

.form-number {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  width: 220px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Pertili, sans-serif;
  font-style: normal;
  line-height: 70px;
}

.tile-accent {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-left: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.tile-accent.green {
  border-top-color: var(--brighter-green\<deleted\|variable-61660ac9\>);
  border-left-color: var(--brighter-green\<deleted\|variable-61660ac9\>);
}

.horizontal-heading-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-bottom: 20px;
  display: flex;
}

.tile-heading {
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  text-align: left;
  text-transform: capitalize;
  text-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 50px;
  font-style: italic;
  line-height: 50px;
}

.tile-heading-div-1 {
  flex-direction: column;
  align-items: flex-start;
  width: 40vw;
  padding-top: 20px;
  display: flex;
}

.tile-heading-div-1.filter {
  margin-right: 40px;
  position: relative;
}

.tile-heading-div-1.filter-to-mobile {
  display: none;
}

.tile-p2 {
  margin-top: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.premier-service-div {
  z-index: 3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 60vh;
  padding: 40px 10px 40px 40px;
  transition: background-color .4s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  position: relative;
}

.premier-service-div.walls-premier-service {
  z-index: 2;
  background-image: url('../images/Home-Retaining-Wall-Background.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50vw;
  position: sticky;
  top: 20vh;
}

.premier-service-div.walls-premier-service:hover {
  background-image: url('../images/Home-Retaining-Wall-Background.jpg');
  background-position: 50%;
  background-size: cover;
}

.premier-service-div.patio-premier-service {
  background-image: linear-gradient(#00000036, #00000036), url('../images/Home-Patio_1.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: sticky;
  top: 22vh;
}

.premier-service-div.patio-premier-service:hover {
  background-image: url('../images/Home-Patio_1.avif');
  background-position: 50%;
  background-size: cover;
}

.premier-service-div.plants-premier-service {
  z-index: 4;
  background-image: linear-gradient(#0000002b, #0000002b), url('../images/Landscaping-Plants-home-background_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: sticky;
  top: 24vh;
}

.premier-service-div.plants-premier-service:hover {
  background-image: url('../images/Landscaping-Plants-home-background_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mobile-visualization {
  display: none;
}

.form-2 {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 50vw;
  margin-bottom: 10vh;
  display: flex;
}

.star {
  display: none;
}

.location-big-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.location-small-wrapper {
  flex-direction: column;
  width: 16vw;
  margin-left: 10px;
  display: flex;
}

.services-p1 {
  background-color: #0000;
  width: 75%;
}

.services-h3 {
  color: var(--black);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.service-button-div {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.moonrise-big-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.moonrise-small-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.moonrise-medium-wrapper {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.moonrise-image {
  background-image: url('../images/Home-Patio_1.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 100%;
  margin-right: 20px;
  display: flex;
}

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

.moonrise-p {
  text-align: center;
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.service-bullet-holder {
  width: 100%;
  margin-bottom: 10px;
}

.large-footer-wrapper {
  width: 100%;
  display: flex;
}

.medium-footer-div {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  display: flex;
}

.vertical-tile-wrapper {
  width: 100vw;
  display: flex;
}

.vertical-tile-wrapper.filter-desktop {
  display: flex;
}

.category-1 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Hardscaping-tile.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 30vh;
  display: flex;
  position: relative;
}

.category-1.v-tile-2 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Landscaping-Tile.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
}

.category-1.v-tile-3 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Excavation-1.jpg');
  background-position: 0 0, 60%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.category-1.v-tile-4 {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Mulching-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.category-text {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.category-heading {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Merriweather, serif;
  font-size: 35px;
  font-style: italic;
  font-weight: 400;
  display: flex;
  transform: none;
}

.v-tile-scaler {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.services-hero-2 {
  width: 100vw;
  margin-top: 40px;
  display: block;
}

.services-h4 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 0;
}

.feature-tile-1 {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 20px 10px;
  display: flex;
  box-shadow: 3px 3px 15px -13px #000;
}

.feature-tile-description {
  text-align: center;
}

.feature-tile-heading {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.feature-tile-image {
  width: 50px;
  height: 50px;
  margin-left: -5px;
}

.feature-tile-wrapper {
  justify-content: center;
  display: none;
}

.feature-tile-big-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-tile-big-wrapper.filter-services {
  display: flex;
}

.slider-section {
  background-image: linear-gradient(#000000ad, #000000ad), url('../images/Patio-Services-Hero.jpg');
  background-position: 0 0, 50% 60%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.slider-section.locgal {
  display: none;
}

.div-of-the-slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.div-of-the-slider.snow-1 {
  background-image: linear-gradient(#00000078, #00000078), url('../images/Slide-1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-of-the-slider.snow-2 {
  background-image: url('../images/Slide-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-of-the-slider.snow-3 {
  background-image: url('../images/Slide-3.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.div-of-the-slider.snow-4 {
  background-image: url('../images/Slide-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-of-the-slider.snow-5 {
  background-image: url('../images/Slide-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-of-the-slider.snow-6 {
  background-image: url('../images/Slide-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-2 {
  background-color: #0000;
  background-image: linear-gradient(#000000bd, #000000bd);
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.slider-q-a {
  display: none;
}

.slider-instruction {
  color: #fff;
  text-shadow: 2px 1px 4px #000;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 32px;
  line-height: 32px;
}

.viz-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  display: flex;
  position: relative;
}

.footer-logo {
  width: 350px;
  margin-bottom: 10px;
  padding: 10px;
  transition: all .2s;
}

.footer-logo:hover {
  box-shadow: none;
  transform: scale(1.1);
}

.footer-socials {
  flex-flow: row;
  justify-content: space-around;
  width: 80px;
  display: flex;
}

.footer-social-link {
  margin-bottom: 10px;
  margin-right: 10px;
  transition: transform .2s;
}

.footer-social-link:hover {
  transform: scale(1.2);
}

.accent-top-right {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.accent-top-left {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.services-hero-logo {
  width: 150px;
}

.service-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

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

.services-button {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
  margin-bottom: 20px;
  font-family: Merriweather, serif;
  font-size: 16px;
  font-weight: 700;
  transition: all .3s;
}

.services-button:hover {
  background-color: var(--brighter-green\<deleted\|variable-61660ac9\>);
  color: #fff;
  border-style: none;
  border-radius: 20px;
}

.accent-bottom-right {
  border-right: 1px solid var(--green-type\<deleted\|variable-890e84d4\>);
  border-bottom: 1px solid var(--green-type\<deleted\|variable-890e84d4\>);
  width: 5vh;
  height: 5vh;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.service-pic {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.service-pic.smaller-service-pic {
  border-radius: 10px;
  width: 30%;
}

.services-p2 {
  text-align: center;
  width: 75%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  font-size: 18px;
  line-height: 25px;
}

.nav-image {
  z-index: 10;
  width: 100px;
  transition: all .2s;
  position: relative;
}

.nav-image:hover {
  transform: scale(1.1);
}

.nav-image.white {
  display: none;
}

.body-1 {
  z-index: 1;
  background-color: #fcfcf4;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100vw;
  display: flex;
}

.slider-logo {
  width: 30vw;
}

.form-logo {
  width: 300px;
  margin-bottom: 20px;
}

.white-number {
  color: #fff;
  text-shadow: 3px 3px 3px #000;
  width: 200px;
  font-family: Pertili, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.horizontal-white-divider {
  border-top: 1px solid #fff;
  width: 100px;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.text-block-2 {
  color: var(--white);
  text-align: center;
  margin-top: 10px;
  font-family: Pertili, sans-serif;
  font-size: 28px;
  line-height: 28px;
}

.atilde {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Pertili, sans-serif;
  font-size: 70px;
  line-height: 1;
  display: flex;
}

.atilde.dark {
  color: var(--qa-green);
}

.form-heading-1 {
  color: var(--black);
  text-align: center;
  width: 100%;
  font-family: Pertili, sans-serif;
  font-size: 5svw;
  line-height: 1;
  position: relative;
  bottom: auto;
}

.footer-email {
  color: var(--white);
  margin-top: 10px;
  font-family: Bitter, serif;
  font-size: 22px;
  line-height: 30px;
}

.mobile-dropdown {
  display: none;
}

.compaction-image {
  width: 300px;
  margin-right: 20px;
}

.mobile-phone-link {
  display: none;
}

.gallery-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 20px;
  display: flex;
}

.gallery-big-wrapper {
  margin-top: 20px;
  display: flex;
}

.gal-1 {
  flex-direction: column;
  align-items: flex-end;
  width: 50vw;
  padding-right: 10px;
  display: flex;
}

.employment-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
}

.employment-form {
  width: 80vw;
  padding: 40px;
}

.job-p {
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Merriweather, serif;
  font-weight: 700;
}

.job-field {
  background-color: #f5f5f5;
  margin: 10px;
  font-weight: 400;
}

.job-heading {
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  font-family: Merriweather, serif;
  font-size: 22px;
  line-height: 30px;
}

.job-field-label {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

.field-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.horizontal-gray-nav {
  z-index: 999;
  background-color: #e6e6e6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 50px;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 2px 5px #0003;
}

.horizontal-gray-nav.mobile {
  display: none;
}

.gn-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 30px;
  display: flex;
}

.green-nav-link {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  text-align: center;
  text-transform: capitalize;
  text-shadow: none;
  border-right: 2px #0000001a;
  justify-content: center;
  align-items: center;
  width: 10vw;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 10px;
  font-family: Merriweather, serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 900;
  display: flex;
  transform: rotate(0);
}

.green-nav-link:hover {
  text-shadow: none;
  text-decoration: underline;
}

.green-nav-link.w--current {
  color: #fff;
}

.gn-menu {
  align-items: center;
  height: 30px;
  display: flex;
}

.blog-hero-div {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-subheading {
  color: var(--black-75);
  width: 700px;
  margin-top: 20px;
}

.blog-h1 {
  text-align: center;
  width: 75vw;
  margin-top: 10px;
  font-family: Pertili, sans-serif;
  font-size: 4rem;
  line-height: 4.25rem;
}

.blog-h1.native-trees {
  width: 850px;
  line-height: 75px;
}

.blog-h1.paver-h1 {
  font-size: 75px;
}

.blog-date {
  color: var(--black-75);
  text-align: center;
  max-width: 50vw;
  margin-top: 20px;
  font-style: normal;
}

.blog-date.margin {
  margin-top: 20px;
}

.blog-section-1 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  padding-top: 20px;
  padding-bottom: 10vh;
  display: flex;
}

.blog-h2 {
  padding-left: 0;
  padding-right: 0;
}

.blog-h2.centered {
  text-align: center;
}

.blog-p1 {
  width: 700px;
  display: block;
}

.blog-p1.blog-callout-2 {
  align-items: flex-start;
  display: block;
}

.blog-p1.margin {
  margin-top: 20px;
}

.blog-p1.blog-lightbulb-callout {
  background-color: #f1f1ef;
  padding: 20px 20px 20px 40px;
  font-size: 16px;
  line-height: 26px;
}

.blog-p1.blog-bullet {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.blog-callout-2 {
  background-image: linear-gradient(#1d50230d, #1d50230d);
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.callout-lightbulb {
  width: 40px;
  margin-bottom: 10px;
}

.callout-lightbulb.absolute {
  width: 25px;
  position: absolute;
  inset: 14% auto 0% 1%;
  transform: rotate(-20deg);
}

.photo-attribution {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

.scientific-name {
  color: var(--black-60);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.25rem;
}

.wide-image {
  border-radius: 5px;
  width: 700px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blog-big-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 700px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.sticky-blog-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 225px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: sticky;
  top: -154px;
  overflow: hidden;
}

.sticky-p {
  text-align: center;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.sticky-services-list {
  background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
  flex-direction: column;
  padding: 20px;
  transition: all .325s;
  display: flex;
  position: relative;
  top: 10px;
  box-shadow: inset 0 2px 5px #0003;
}

.services-list-title {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  font-family: Merriweather, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
}

.solution-1 {
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 20px;
  line-height: 25px;
}

.solution-1:hover {
  text-decoration: underline;
}

.blog-card-wrapper {
  justify-content: space-around;
  align-items: stretch;
  height: 40vh;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.blog-home-hero {
  background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
  background-image: linear-gradient(#094c11f5, #094c11f5), url('../images/blog-hero-butterfly.png');
  background-position: 0 0, 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.blog-home-h1 {
  color: #fff;
  font-family: Merriweather, serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.blog-home-hero-image {
  width: 75px;
}

.blog-home-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.blog-home-section.gray-blog-home-section {
  background-color: var(--white-smoke\<deleted\|variable-eb0af185\>);
}

.blog-home-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.blog-home-wrapper.auto {
  justify-content: center;
  align-items: flex-start;
  width: auto;
}

.blog-home-wrapper.center {
  justify-content: space-between;
  align-items: center;
}

.featured-blog-1 {
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  transition: background-color .525s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.featured-blog-1.guides {
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  margin-left: 10px;
  margin-right: 10px;
}

.featured-blog-1.new-featured {
  width: 49%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.featured-blog-thumbnail {
  border-radius: 10px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
}

.blog-home-h3 {
  color: var(--black-75);
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.blog-home-h3.featured {
  font-weight: 400;
}

.blog-description {
  color: var(--black-75);
  width: 90%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
}

.blog-description.button-text {
  font-family: Merriweather, serif;
  font-weight: 700;
}

.titled-blogs {
  flex-direction: column;
  justify-content: center;
  width: 49%;
  margin-bottom: 20px;
  display: flex;
}

.blog-home-section-2 {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 50vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.back-to-blog {
  background-image: linear-gradient(to bottom, var(--brighter-green\<deleted\|variable-61660ac9\>), var(--brighter-green\<deleted\|variable-61660ac9\>));
  color: #fff;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px 20px;
  font-family: PT Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: border-radius .2s;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.back-to-blog:hover {
  border-radius: 20px;
}

.blog-social-div {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5vh;
  display: flex;
}

.blog-social-image {
  width: 25px;
  margin-left: 6px;
  margin-right: 6px;
}

.sticky-blog-logo {
  width: 175px;
  margin-bottom: 5px;
}

.blog-h3 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
}

.goldenrod-div-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
}

.goldenrod-wrapper {
  justify-content: center;
  align-items: center;
  width: 700px;
  display: flex;
}

.goldenrod-wrapper.cardinal {
  height: 600px;
}

.goldenrod-wrapper.hidden {
  display: none;
}

.half-paragraph {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.goldenrod {
  width: 300px;
  height: 600px;
  margin-left: 40px;
}

.cardinal-flower {
  width: 400px;
}

.blog-end-slider {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75vh;
  display: flex;
  position: relative;
}

.blog-card-div {
  flex-direction: column;
  width: 275px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
  transition: transform .2s;
  display: flex;
}

.blog-card-div:hover {
  transform: scale(1.025);
  box-shadow: 0 0 7px #0003;
}

.blog-card-thumbnail {
  background-image: linear-gradient(to bottom, var(--new-green\<deleted\|variable-ee4cb340\>), var(--new-green\<deleted\|variable-ee4cb340\>));
  width: 100%;
}

.read-more-heading {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  width: 75vw;
  margin-bottom: 20px;
  font-family: Merriweather, serif;
  font-size: 22px;
  line-height: 25px;
}

.thumbnail-date {
  margin-top: 20px;
}

.blog-home-link-block {
  text-align: left;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: background-color .5s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.blog-home-link-block:hover {
  background-color: #094c1100;
}

.blog-home-link-block.center {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px 10vw;
}

.blog-home-link-block.center:hover {
  background-color: #094c110d;
}

.bottom-form-embed {
  width: 75vw;
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}

.bold-1 {
  font-size: 18px;
}

.sticky-blog-heading-2 {
  color: #000000bf;
  text-align: left;
  transform-style: preserve-3d;
  max-width: 200px;
  font-family: Merriweather, serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
}

.sticky-blog-heading-2:hover {
  transform: scale3d(1none, 1none, 1none);
}

.sticky-blog-heading-2.center {
  text-align: center;
  width: 100%;
  max-width: none;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 28px;
  transition: all .2s;
}

.sticky-blog-heading-2.center:hover {
  text-decoration: underline;
  transform: scale(1.1);
}

.blink-1 {
  font-weight: 700;
  text-decoration: underline;
}

.home-service-p {
  color: #fff;
  text-align: center;
  text-shadow: 2px 0 6px #000;
  width: 50vw;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.home-service-p.left {
  color: #000;
  text-align: left;
  text-shadow: 0 0 3px #fff;
  width: 40vw;
}

.home-service-icon {
  width: 50px;
  display: none;
}

.sticky-blog-thumbnail {
  border-radius: 5px;
  min-width: 225px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.blog-description-sticky {
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: .75rem;
  line-height: 1rem;
}

.sticky-wrapper-2 {
  flex-direction: column;
  max-width: 100%;
  margin-top: 20px;
  display: flex;
}

.pro-tip {
  color: #686868;
  font-family: Merriweather, serif;
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
}

.attribution-link {
  font-weight: 700;
  text-decoration: underline;
}

.about-pic {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.landing-page-content-wrapper {
  z-index: 2;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  margin-top: -20px;
  display: none;
  position: relative;
}

.lz-h1 {
  color: var(--black);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Pertili, sans-serif;
  font-size: 50px;
  line-height: 62px;
}

.lz-sh {
  color: var(--black);
  text-align: center;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.lz-section-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.css-angle-1 {
  background-color: #ebebeb;
  width: 60vw;
  height: 100px;
  transform: rotate(5deg);
}

.css-angle-2 {
  background-color: #ebebeb;
  width: 60vw;
  height: 100px;
  transform: rotate(-5deg);
}

.css-angle-holder {
  background-color: #ebebeb;
  margin-top: -53px;
  display: none;
}

.author-link-1 {
  text-decoration: underline;
}

.blog-h4 {
  width: 100%;
  margin-top: 20px;
}

.service-slider {
  background-color: #0000;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.service-slider.top-margin {
  margin-top: 40px;
}

.service-slider.top-margin.venetia {
  border-radius: 7px;
  width: 90%;
  height: 500px;
}

.service-slider.blog-slider {
  width: 90%;
}

.mask-2 {
  width: 80%;
  overflow: visible;
}

.slide-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  margin-right: 5px;
}

.slide-2.walls-slide-1 {
  background-image: url('../images/Retaining-Wall-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-2 {
  background-image: url('../images/Long-Retaining-Wall-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-2.walls-slide-3 {
  background-image: url('../images/Retaining-Walls-Hero.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-2.walls-slide-4 {
  background-image: url('../images/Retaining-wall-3_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-5 {
  background-image: url('../images/Wall-5.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-6 {
  background-image: url('../images/Wall-4-Slider.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-7 {
  background-image: url('../images/Yellow-retaining-wall.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-2.walls-slide-8 {
  background-image: url('../images/Maplevale-Wall.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-2.patios-slide-1 {
  background-image: url('../images/Patio-1-Full-Grass.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-9 {
  background-image: url('../images/Wall-5-Slider.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-10 {
  background-image: url('../images/Wet-retaining-wall.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.walls-slide-11 {
  background-image: url('../images/Wall-2-Slider.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-2.patios-slide-2 {
  background-image: url('../images/Patio-1-10percent.jpg');
  background-position: 50% 100%;
}

.slide-2.patios-slide-3 {
  background-image: url('../images/Firepit-3.jpg');
  background-position: 50%;
}

.slide-2.patios-slide-4 {
  background-image: url('../images/Patio-main-2.jpg');
  background-position: 50% 100%;
}

.slide-2.patios-slide-5 {
  background-image: url('../images/Patio-1.png');
  background-position: 100% 100%;
}

.slide-2.patios-slide-6 {
  background-image: url('../images/Patio--Retaining-Wall.jpg');
  background-position: 50%;
}

.slide-2.patios-slide-7 {
  background-image: url('../images/patios-3.jpg');
}

.slide-2.patios-slide-8 {
  background-image: url('../images/patios-4.jpg');
}

.slide-2.patios-slide-9 {
  background-image: url('../images/Wet-patio.jpg');
  background-position: 50% 100%;
}

.slide-2.patios-slide-10 {
  background-image: url('../images/Gray-Patio-1.jpg');
}

.slide-2.patios-slide-11 {
  background-image: url('../images/Patio-with-stone.jpg');
}

.slide-2.patios-slide-12 {
  background-image: url('../images/simple-back-porch-patio.jpg');
}

.slide-2.patios-slide-13 {
  background-image: url('../images/Dark-Gray-Tile-Patio.jpg');
}

.slide-2.patios-slide-14 {
  background-image: url('../images/Patio-Steps.jpg');
}

.slide-2.plants-slide-1 {
  background-image: url('../images/Plants-Hero.jpg');
}

.slide-2.plants-slide-2 {
  background-image: url('../images/Plants-3.jpg');
}

.slide-2.plants-slide-3 {
  background-image: url('../images/Tree-Removal-Tile.jpg');
}

.slide-2.plants-slide-4 {
  background-image: url('../images/Bethel-Park-backyard-2.jpg');
}

.slide-2.plants-slide-5 {
  background-image: url('../images/stones-and-mulch-in-a-front-yard.jpg');
}

.slide-2.plants-slide-6 {
  background-image: url('../images/Plants-2.jpg');
  background-size: cover;
}

.slide-2.plants-slide-7 {
  background-image: url('../images/Plants-1_1.jpg');
}

.slide-2.plants-slide-8 {
  background-image: url('../images/Plants-5.jpg');
}

.slide-2.plants-slide-9 {
  background-image: url('../images/A-half-circle-of-green-giant-arborvitae.jpg');
}

.slide-2.plants-slide-10 {
  background-image: url('../images/Plants-in-decorative-stone.jpg');
}

.slide-2.bethel-slide-1 {
  background-image: url('../images/Bethel-Park-backyard-4.jpg');
}

.slide-2.bethel-slide-2 {
  background-image: url('../images/Bethel-Park-backyard-3.jpg');
}

.slide-2.bethel-slide-3 {
  background-image: url('../images/Bethel-Park-backyard.jpg');
}

.slide-2.bethel-slide-4 {
  background-image: url('../images/Bethel-Park-backyard-2.jpg');
}

.slide-2.plants-slide-11 {
  background-image: url('../images/a-line-of-green-giant-arborvitae.jpg');
}

.slide-2.plants-slide-12 {
  background-image: url('../images/Plants-in-mulch-next-to-a-sidewalk.jpg');
}

.slide-2.plants-slide-13 {
  background-image: url('../images/Potted-plants-on-a-commercial-sidewalk.jpg');
}

.slide-2.excav-slide-1 {
  background-image: url('../images/Excavator-on-a-commercial-job-site.jpg');
}

.slide-2.excav-slide-2 {
  background-image: url('../images/Excav-Slider-1.jpg');
}

.slide-2.excav-slide-3 {
  background-image: url('../images/Excav-2.jpg');
}

.slide-2.excav-slide-4 {
  background-image: url('../images/Excav-Slider-5.jpg');
}

.slide-2.excav-slide-5 {
  background-image: url('../images/excav-hero.jpg');
}

.slide-2.excav-slide-6 {
  background-image: url('../images/Excav-Slider-4.jpg');
}

.slide-2.excav-slide-7 {
  background-image: url('../images/Excav-Slider-2.jpg');
}

.slide-2.excav-slide-8 {
  background-image: url('../images/Excavating-a-commercial-lot.jpg');
}

.slide-2.excav-slide-9 {
  background-image: url('../images/Excavating-a-residential-backyard.jpg');
}

.slide-2.serv-slide-1 {
  background-image: url('../images/Slider-2.jpg');
}

.slide-2.serv-slider-2 {
  background-image: url('../images/Gray-Patio-1.jpg');
}

.slide-2.serv-slider-3 {
  background-image: url('../images/Patio-1-Full-Grass.jpg');
}

.slide-2.serv-slider-4 {
  background-image: url('../images/Slider-3_1.jpg');
}

.slide-2.mulch-slide-1 {
  background-image: url('../images/Mulch-bed-in-a-front-yard.jpg');
}

.slide-2.mulch-slide-2 {
  background-image: url('../images/Mulch-P2.jpg');
}

.slide-2.mulch-slide-3 {
  background-image: url('../images/Mulch-Slider-1.jpg');
  background-position: 50%;
}

.slide-2.mulch-slide-4 {
  background-image: url('../images/A-nice-house-ready-to-be-mulched.jpg');
}

.slide-2.mulch-slide-5 {
  background-image: url('../images/Mulch-Slider-3.jpg');
}

.slide-2.mulch-slide-6 {
  background-image: url('../images/Mulch-Slider-4.jpg');
}

.slide-2.mulch-slide-7 {
  background-image: url('../images/Mulch-Slider-2.jpg');
}

.slide-2.mulch-slide-8 {
  background-image: url('../images/Mulch-beds-cover-a-front-yard.jpg');
}

.slide-2.mulch-slide-9 {
  background-image: url('../images/Mulch-bedding-around-a-pool.jpg');
}

.slide-2.mulch-slide-10 {
  background-image: url('../images/Mulch-beds-in-a-large-front-yard.jpg');
}

.slide-2.mulch-slide-11 {
  background-image: url('../images/Mulching-equipment-in-front-of-a-large-house.jpg');
}

.slide-2.mulch-slide-12 {
  background-image: url('../images/Mulching-in-a-garden-with-a-waterfall.jpg');
}

.slide-2.mulch-slide-13 {
  background-image: url('../images/Mulch-Equipment-lined-up-on-the-street.jpg');
}

.slide-2.mulch-slide-14 {
  background-image: url('../images/Aerial-few-of-a-large-property-mulch-job.jpg');
}

.slide-2.concrete-slide-1 {
  background-image: url('../images/Concrete-1.jpg');
}

.slide-2.concrete-slide-2 {
  background-image: url('../images/Concrete-P1.jpg');
}

.slide-2.concrete-slide-3 {
  background-image: url('../images/Concrete-slider-3.jpg');
}

.slide-2.concrete-slide-4 {
  background-image: url('../images/Concrete-slider-4.jpg');
}

.slide-2.concrete-slide-5 {
  background-image: url('../images/Concrete-slider-2.jpg');
}

.slide-2.concrete-slide-6 {
  background-image: url('../images/patios-6.jpg');
}

.slide-2.concrete-slide-7 {
  background-image: url('../images/Concrete-2.jpg');
}

.slide-2.concrete-slide-8 {
  background-image: url('../images/Concrete-3.jpg');
}

.slide-2.concrete-slide-9 {
  background-image: url('../images/Stone-Fireplace-on-patio.jpg');
}

.slide-2.concrete-slide-10 {
  background-image: url('../images/Concrete-4.jpg');
}

.slide-2.concrete-slide-11 {
  background-image: url('../images/Concrete-5.jpg');
}

.slide-2.concrete-slide-12 {
  background-image: url('../images/Concrete-6.jpg');
}

.slide-2.dec-slide-1 {
  background-image: url('../images/Stone-1.jpg');
}

.slide-2.dec-slide-2 {
  background-image: url('../images/Stone-2.jpg');
}

.slide-2.dec-slide-3 {
  background-image: url('../images/Stone-3.jpg');
}

.slide-2.dec-slide-4 {
  background-image: url('../images/Stone-4.jpg');
}

.slide-2.dec-slide-6 {
  background-image: url('../images/Stone-5.jpg');
}

.slide-2.dec-slide-7 {
  background-image: url('../images/Stone-6.jpg');
}

.slide-2.dec-slide-8 {
  background-image: url('../images/Stone-7.jpg');
}

.slide-2.dec-slide-9 {
  background-image: url('../images/Stone-8.jpg');
}

.slide-2.dec-slide-10 {
  background-image: url('../images/Stone-9.jpg');
}

.slide-2.dec-slide-11 {
  background-image: url('../images/Stone-10.jpg');
}

.slide-2.dec-slide-12 {
  background-image: url('../images/Stone-11.jpg');
}

.slide-2.borders-slide-1 {
  background-image: url('../images/Border-1.jpg');
}

.slide-2.borders-slide-2 {
  background-image: url('../images/Border-2.jpg');
}

.slide-2.borders-slide-3 {
  background-image: url('../images/borders-4.jpg');
}

.slide-2.borders-slide-4 {
  background-image: url('../images/Border-5.jpg');
}

.slide-2.borders-slide-5 {
  background-image: url('../images/Border-6.jpg');
}

.slide-2.borders-slide-6 {
  background-image: url('../images/borders-2.jpg');
}

.slide-2.borders-slide-7 {
  background-image: url('../images/Border-8.jpg');
}

.slide-2.borders-slide-8 {
  background-image: url('../images/Border-9.jpg');
}

.slide-2.borders-slide-9 {
  background-image: url('../images/borders-3.jpg');
}

.slide-2.lawn-install-slide-1 {
  background-image: url('../images/Lawn-Hero.jpg');
}

.slide-2.lawn-install-slide-2 {
  background-image: url('../images/Lawn-P1.jpg');
}

.slide-2.lawn-install-slide-3 {
  background-image: url('../images/Front-lawn-plants.jpg');
}

.slide-2.lawn-install-slide-4 {
  background-image: url('../images/Lawn-Slider-1.jpg');
}

.slide-2.lawn-install-slide-5 {
  background-image: url('../images/Lawn-Slider-4.jpg');
}

.slide-2.lawn-install-slide-6 {
  background-image: url('../images/Lawn-P2.jpg');
}

.slide-2.lawn-install-slide-7 {
  background-image: url('../images/Lawn-1.jpg');
}

.slide-2.lawn-install-slide-8 {
  background-image: url('../images/Lawn-2.jpg');
}

.slide-2.lawn-install-slide-9 {
  background-image: url('../images/Lawn-3.jpg');
}

.slide-2.lawn-install-slide-10 {
  background-image: url('../images/Slider-5.jpg');
}

.slide-2.canon-slide-1 {
  background-image: url('../images/Aerial-few-of-a-large-property-mulch-job.jpg');
}

.slide-2.canon-slide-2 {
  background-image: url('../images/Lawn-installation-Testimonial-1.jpg');
}

.slide-2.canon-slide-3 {
  background-image: url('../images/Canonsburg-2.jpg');
}

.slide-2.canon-slide-4 {
  background-image: url('../images/Canonsburg-1.jpg');
}

.slide-2.boulder-slide-1 {
  background-image: url('../images/Stone-5.jpg');
}

.slide-2.boulder-slide-2 {
  background-image: url('../images/Copy-of-Wall-paragraph2.jpg');
}

.slide-2.boulder-slide-3 {
  background-image: url('../images/Boulders-3.jpg');
}

.slide-2.boulder-slide-4 {
  background-image: url('../images/Plants-and-Boulders-1.jpg');
}

.slide-2.boulder-slide-5 {
  background-image: url('../images/Boulders-on-the-corner-of-a-house.jpg');
}

.slide-2.boulder-slide-6 {
  background-image: url('../images/Bank-restoration-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2.boulder-slide-7 {
  background-image: url('../images/Bank-restoration-5.jpg');
  background-position: 50%;
}

.slide-2.boulder-slide-8 {
  background-image: url('../images/Boulder-installation-along-a-stream.jpg');
}

.slide-2.boulder-slide-9 {
  background-image: url('../images/Stone-4.jpg');
}

.slide-2.patios-slide-15 {
  background-image: url('../images/patio-15.jpg');
}

.slide-2.patios-slide-16 {
  background-image: url('../images/patio-16.jpg');
}

.slide-2.patios-slide-17 {
  background-image: url('../images/patio-17.jpg');
}

.slide-2.patios-slide-18 {
  background-image: url('../images/patio-18.jpg');
}

.slide-2.borders-slide-10 {
  background-image: url('../images/borders-5.jpg');
}

.slide-2.borders-slide-11 {
  background-image: url('../images/borders-6.jpg');
}

.slide-2.p-hills-slide-1 {
  background-image: url('../images/Stone-3.jpg');
}

.slide-2.p-hills-slide-2 {
  background-image: url('../images/Stone-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2.p-hills-slide-3 {
  background-image: url('../images/stone-bed.jpg');
}

.slide-2.p-hills-slide-4 {
  background-image: url('../images/Copy-of-IMG_0456.JPG');
}

.slide-2.p-hills-slide-5 {
  background-image: url('../images/Copy-of-Wall-paragraph2.jpg');
}

.slide-2.p-hills-slide-6 {
  background-image: url('../images/Stone-2.jpg');
}

.slide-2.p-hills-7 {
  background-image: url('../images/Stone-6.jpg');
}

.slide-2.fire-slide-1 {
  background-image: url('../images/Fireplace-1.jpg');
}

.slide-2.fire-slide-2 {
  background-image: url('../images/patio-new.jpg');
}

.slide-2.fire-slide-3 {
  background-image: url('../images/Firepit-1_1.jpg');
}

.slide-2.fire-slide-4 {
  background-image: url('../images/Grill-1.jpg');
}

.slide-2.fire-slide-5 {
  background-image: url('../images/Firepit-2_1.jpg');
}

.slide-2.patios-slide-19 {
  background-image: url('../images/patio-blog-hero.jpg');
}

.slide-2.fire-slide-6 {
  background-image: url('../images/Fireplace-2.jpg');
}

.slide-2.ld-slide-1 {
  background-image: url('../images/Front-lawn-plants.jpg');
}

.slide-2.ld-slide-2 {
  background-image: url('../images/Patio-3D-visualization-1.jpg');
  background-position: 50% 75%;
}

.slide-2.ld-slide-3 {
  background-image: url('../images/Firepit-1.jpg');
  background-position: 50% 75%;
}

.slide-2.ld-slide-4 {
  background-image: url('../images/Viz-2.jpg');
}

.slide-2.ld-slide-5 {
  background-image: url('../images/Realization-2.jpg');
}

.slide-2.ld-slide-6 {
  background-image: url('../images/Mulch-Slider-1.jpg');
}

.slide-2.canon-slide-3-copy {
  background-image: url('../images/Canonsburg-2.jpg');
}

.slide-2.canon-slide-6 {
  background-image: url('../images/Canonsburg-Landscaping.jpg');
}

.slide-2.canon-slide-7 {
  background-image: url('../images/Venetia-Landscaping_1.jpg');
}

.slide-2.canon-slide-8 {
  background-image: url('../images/Peters-Township-Landscaping.jpg');
}

.slide-2.canon-slide-10 {
  background-image: url('../images/McMurray-Landscaping.jpg');
}

.slide-2.canon-slide-11 {
  background-image: url('../images/patio-installation-whitehall.jpg');
}

.slide-2.bethel-slide-5 {
  background-image: url('../images/patio-15.jpg');
}

.slide-2.bethel-slide-6 {
  background-image: url('../images/Patio-showcase-2.jpg');
}

.slide-2.bethel-slide-7 {
  background-image: url('../images/patio-new.jpg');
}

.slide-2.bethel-slide-8 {
  background-image: url('../images/Patio--Retaining-Wall.jpg');
}

.slider-2-arrow {
  text-shadow: 0 0 7px #000;
  font-size: 50px;
  position: relative;
}

.form-wrapper {
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-end;
  width: 90%;
  margin-top: 10vh;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.field-2 {
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.field-2.dropdown {
  color: #0009;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #00000036;
  width: 100%;
}

.field-2.dropdown:hover {
  background-color: #f5f5f557;
}

.field-2.left-margin-field {
  margin-left: 10px;
}

.hero-div {
  flex-direction: column;
  align-items: flex-start;
  width: 80vw;
  display: flex;
}

.hero-div.hero-slide-div {
  background-image: linear-gradient(90deg, #0003, #fff0);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 100px;
}

.gal-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 50vw;
  margin-left: 10px;
  display: flex;
}

.horizontal-nav-div {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 75px;
  display: flex;
  position: sticky;
  top: 67px;
  left: 0%;
  right: 0%;
}

.horiz-nav-link-1 {
  color: #fff;
  text-shadow: 0 3px 1px #000;
  justify-content: center;
  align-items: center;
  width: 10vw;
  margin-left: 1rem;
  margin-right: 1rem;
  font-family: Merriweather, serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 30px;
  display: flex;
}

.radio-field {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-field.show-ipad {
  display: none;
}

.radio-field.wall-adds {
  padding: 20px;
}

.radio-field.centered {
  justify-content: center;
  align-items: center;
}

.round-checkbox {
  cursor: pointer;
  border-style: none;
  border-radius: 100%;
  flex: none;
  width: 40px;
  height: 40px;
  margin-left: 0;
}

.round-checkbox.w--redirected-checked {
  background-color: var(--green-type\<deleted\|variable-890e84d4\>);
  background-image: url('../images/fluent_checkmark-12-filled.svg');
}

.round-checkbox.w--redirected-focus {
  box-shadow: none;
}

.round-checkbox.easy-default {
  background-color: var(--green-type\<deleted\|variable-890e84d4\>);
  background-image: url('../images/fluent_checkmark-12-filled.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.round-checkbox.easy-default.w--redirected-checked {
  background-color: var(--unchecked\<deleted\|variable-1ee2958c-4bb6-ec84-f14a-7b068d7f8c97\>);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.submit-button-2 {
  background-color: #0000;
  background-image: url('../images/fluent_send-28-filled.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  position: absolute;
  inset: auto 0% 14% auto;
}

.field-label {
  text-align: center;
  order: -1;
  font-size: .9rem;
  font-weight: 400;
}

.field-label.radio-label {
  text-align: left;
  font-size: 17px;
  font-weight: 400;
}

.field-label.white {
  color: #fff;
}

.field-label.white.email {
  cursor: text;
  font-size: 18px;
  transition: all .2s ease-out;
  display: none;
}

.field-label.dimension-label {
  text-align: center;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.2;
}

.field-label._20left {
  margin-left: 20px;
}

.total-field {
  color: #fffc;
  background-color: #fff0;
  border: 1px #000;
  height: 50px;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 2.25rem;
}

.total-field.margin-top-16 {
  cursor: default;
}

.total-field.margin-top-16.margin-mobile-0 {
  background-color: var(--transparent);
  height: 50px;
}

.total-field.squarefeet {
  border-style: solid;
  border-color: var(--black-10);
  color: #000;
  text-align: center;
  background-color: #fff;
  min-width: 75px;
  max-width: 100px;
  height: 75px;
  margin-left: 20px;
  font-size: 22px;
  position: relative;
}

.total-field.squarefeet.green {
  background-color: #09380f;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

.total-field.paver-total {
  height: auto;
}

.counter-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.counter-wrapper.paver {
  margin-top: 20px;
}

.email-input-wrap {
  position: relative;
}

.flex {
  color: #fff;
  align-items: center;
  height: 100px;
  display: flex;
}

.form-block {
  border: 1px solid #0000;
  flex-direction: column;
  width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  transition: transform .2s;
  display: flex;
  position: relative;
}

.form-block:hover {
  border: 1px solid #0000;
  transform: none;
}

.form-block.square {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.form-block.email {
  background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
  width: 50%;
  padding: 40px;
  display: none;
}

.form-block.dimensions {
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
}

.form-block.patio-sq-block {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.form-block.paver-total {
  background-color: var(--qa-green);
  width: 100%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}

.form-block.paver-access {
  background-color: var(--green-5);
  border-radius: 8px;
  width: 30%;
  min-width: 180px;
  padding: 20px;
}

.form-block.green {
  background-color: var(--qa-green);
  border-radius: 8px;
  width: 100%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}

.text-field {
  text-align: right;
  background-color: #0000;
  border: 1px #000;
  max-width: 10rem;
  font-size: 20px;
  line-height: 1.5rem;
  display: block;
}

.text-field.square {
  background-color: var(--green-5);
  color: var(--black-90);
  text-align: center;
  border: 1px #000;
  border-radius: 8px;
  width: 75px;
  height: 75px;
  font-size: 22px;
  line-height: 1.2em;
}

.switch-checkbox {
  cursor: pointer;
  background-image: url('../images/Switch-button.svg'), url('../images/Switch-Track.svg');
  background-position: 50% 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  border-style: none;
  width: 60px;
  height: 80px;
  margin-top: 0;
  margin-left: 0;
  transition: all .2s;
}

.switch-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/Switch-button.svg'), url('../images/Switch-Track.svg');
  background-position: 50% 100%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

.form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #1c19c8;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.question-icon-wrap {
  color: #a7a7d3;
}

.question-icon-wrap:hover {
  color: #1c19c8;
}

.question-icon-wrap.photos {
  margin-right: -20px;
  padding-left: 8px;
}

.question-icon-wrap.button {
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.question-icon-wrap.gifs {
  margin-right: -20px;
  padding-left: 8px;
}

.field-label-wrapper {
  display: flex;
}

.form-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.form-column.one {
  display: none;
}

.form-column.two {
  padding-top: 40px;
  padding-bottom: 0;
}

.success-wrap {
  color: #fff;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 111px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

.counter-button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 100%;
  display: flex;
}

.question-icon {
  margin-left: 0;
  display: none;
}

.dollar {
  color: #fff;
  margin-top: 20px;
  font-size: 42px;
  line-height: 1.5em;
}

.dollar.paver {
  margin-top: 10px;
  font-family: Pertili, sans-serif;
  font-size: 35px;
}

.email-field {
  background-color: #0000;
  border: 1px #fff;
  border-bottom: 2px solid #fff;
}

.email-field.margin-top-16 {
  color: #fff;
  margin-top: 16px;
  padding-left: 0;
  padding-right: 27px;
  font-size: 16px;
  font-weight: 500;
}

.email-field.margin-top-16::placeholder {
  color: #fff;
}

.success-message-2 {
  background-color: #0000;
  background-image: url('../images/star-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 500px;
}

.calculator-form-block {
  width: 80vw;
}

.calculator-h2 {
  width: 80vw;
  margin-bottom: 10px;
}

.calculator-radio-span {
  color: #1a841a;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.calculator-radio-span.normal {
  color: #e78c00;
}

.calculator-radio-span.complicated {
  color: #e30000;
}

.text-span-5 {
  color: #e38c00;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.text-span-6 {
  color: #e30000;
  font-weight: 700;
}

.total-calc-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.total-calc-div.first {
  z-index: 1;
  flex-flow: column;
  padding: 40px;
  display: none;
}

.square-checkbox {
  cursor: pointer;
  background-color: #fff;
  border-style: solid;
  border-color: #0000001a;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-left: 0;
}

.square-checkbox.w--redirected-checked {
  background-color: var(--green-type\<deleted\|variable-890e84d4\>);
  background-image: url('../images/fluent_checkmark-12-filled.svg');
  border-style: none;
}

.square-checkbox.w--redirected-focus {
  box-shadow: none;
}

.excavation-home {
  background-image: linear-gradient(to right, #fff 19%, #0000 73%), url('../images/Excavator-on-a-commercial-job-site.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 50vh;
  padding-left: 40px;
  display: none;
  position: relative;
}

.excavation-h2 {
  color: var(--black);
  font-size: 60px;
  line-height: 60px;
}

.excav-p {
  color: #000;
  text-align: left;
  width: 50vw;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.excav-button {
  color: #000;
  text-transform: capitalize;
  background-color: #0000;
  border: 2px solid #000;
  border-radius: 0;
  margin-top: 0;
  font-family: Merriweather, serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-position 1s, border-radius .5s, background-color .1s;
}

.excav-button:hover {
  color: #000;
  text-align: center;
  background-image: url('../images/White-Circle.png');
  background-position: 50%;
  background-size: 200%;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: none;
}

.socials-footer-bio {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.footer-bio {
  color: #ffffffbf;
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  line-height: 28px;
}

.blog-card-description {
  margin-top: 0;
  padding-left: 10px;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.blog-card-h4 {
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Merriweather, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.testimonials-hero {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 60vh;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.testimonials-h1 {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-size: 50px;
  line-height: 62px;
}

.testimonial-bisection {
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  margin-top: 10vh;
  margin-bottom: 10vh;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.project-showcase-image-wrapper {
  flex-direction: column;
  align-items: center;
  width: 60vw;
  display: flex;
  position: sticky;
  top: 142px;
}

.project-showcase-content {
  width: 40vw;
  padding-left: 20px;
  padding-right: 20px;
  position: sticky;
  top: 113px;
}

.project-showcase-content.filter-mobile-test {
  display: none;
}

.project-showcase-large-image {
  border-radius: 20px;
  width: 55vw;
}

.project-showcase-large-image.double {
  margin-top: 10px;
}

.testimonial-h2 {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  width: 90%;
}

.testimonial-p1 {
  width: 90%;
  line-height: 1.2;
}

.testimonial-text-link {
  font-family: Merriweather, serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: underline;
}

.testimonial-h3 {
  color: var(--black);
  width: 75%;
  margin-top: 20px;
  font-size: 24px;
  font-style: italic;
  line-height: 28px;
}

.testimonial-p2 {
  color: #000;
  border-radius: 20px;
  width: 90%;
  padding: 0;
  font-style: italic;
  line-height: 25px;
}

.review-giver-2 {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Merriweather, serif;
  font-weight: 700;
  display: none;
}

.testimonial-bg-image {
  z-index: -1;
  opacity: .03;
  width: 80vw;
  position: absolute;
  transform: rotate(-7deg);
}

.icon-test-holder {
  align-items: center;
  width: 90%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -10px;
  display: flex;
}

.icon-test-holder.hidden {
  display: none;
}

.test-icon-1 {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-right: 10px;
}

.test-icon-1.test-patio-icon {
  width: 60px;
}

.test-icon-text {
  color: var(--new-green\<deleted\|variable-ee4cb340\>);
  align-items: center;
  margin-right: 20px;
  font-family: Merriweather, serif;
  font-weight: 700;
  display: flex;
}

.test-divider {
  background-color: #094c1112;
  width: 75%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.test-subheading {
  color: var(--black-60);
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}

.home-test-div-1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 90vw;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}

.test-home-h4 {
  color: var(--black);
  font-family: Merriweather, serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
}

.home-review-card {
  border: 1px solid var(--black);
  border-radius: 20px;
  flex: none;
  max-width: 500px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 20px;
  box-shadow: 9px 3px 10px -3px #0000001a;
}

.review-quote {
  max-width: 100%;
  font-family: Pertili, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.home-review {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.home-review-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}

.review-name-div {
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  display: flex;
}

.home-review-image {
  border-radius: 50%;
  max-height: 100%;
  display: none;
}

.review-name-div-2 {
  margin-left: 10px;
}

.google-link {
  color: #fbbc04;
  text-decoration: underline;
}

.test-span-1 {
  color: #fbbc04;
}

.test-patio-icon {
  height: 60px;
  margin-left: 10px;
  margin-right: 10px;
}

.testimonial-page-5-star {
  width: 150px;
}

.top-horizontal-marquee {
  align-items: center;
  margin-top: 20vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.bottom-horizontal-marquee {
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.home-5-star {
  width: 50%;
  margin-bottom: 10px;
}

.blog-author-date {
  color: var(--black-60);
  text-align: left;
  max-width: 50vw;
  margin-top: 0;
  font-size: .8rem;
  font-style: normal;
  line-height: 1rem;
}

.wall-calculator-section {
  width: 100%;
}

.wall-calc-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.calculator-top-row {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.access-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
  display: flex;
}

.radio-button-field {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
}

.radio-description {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.total-coverer {
  z-index: 69;
  display: none;
  position: absolute;
  inset: 0%;
}

.total-coverer.paver-total {
  display: none;
}

.blog-callout-div {
  display: none;
  position: relative;
}

.blog-author-photo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 20px;
}

.blog-author-div {
  align-items: center;
  display: flex;
}

.testimonial-page-photo-slider {
  background-color: var(--transparent);
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.testimonial-page-photo-slider.filter-0, .test-page-slide-nav {
  display: none;
}

.test-page-slide {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 49%;
  margin-right: 20px;
}

.test-page-slide.tp-slide-1 {
  background-image: url('../images/Home-Hero-Exposed-Aggregate-Steps-3.jpg');
  background-position: 50%;
  background-size: cover;
}

.test-page-slide.tp-slide-2 {
  background-image: url('../images/Concrete-4.jpg');
}

.test-page-slide.tp-slide-3 {
  background-image: url('../images/Toni-B-7.JPG');
}

.test-page-slide.tp-slide-4 {
  background-image: url('../images/Concrete-1.jpg');
}

.test-page-slide.tp-slide-5 {
  background-image: url('../images/Toni-B-3.JPG');
}

.test-page-slide.stream-bank-slide-1 {
  background-image: url('../images/Bank-restoration-1.jpg');
}

.test-page-slide.stream-bank-slide-2 {
  background-image: url('../images/Bank-restoration-4.jpg');
}

.test-page-slide.stream-bank-slide-3 {
  background-image: url('../images/Boulder-installation-along-a-stream.jpg');
}

.test-page-slide.stream-bank-slide-4 {
  background-image: url('../images/Bank-restoration-6-before-after.jpg');
}

.test-page-slide.filter-test-0 {
  background-image: linear-gradient(#ffffff80, #ffffff80);
}

.test-page-slide.hillslide-1 {
  background-image: url('../images/Lawn-installation-Testimonial-5.jpg');
}

.test-page-slide.ted-slide-1 {
  background-image: url('../images/Patio-showcase.jpg');
}

.test-page-slide.ted-slide-2 {
  background-image: url('../images/Patio-showcase-2.jpg');
}

.test-page-slide.ted-slide-3 {
  background-image: url('../images/Patio-showcase-3.jpg');
}

.test-page-slide.ted-slide-4 {
  background-image: url('../images/Ted-1.JPG');
}

.test-page-slide.ted-slide-0 {
  background-image: linear-gradient(#0000, #0000);
}

.test-page-slide.hillslide-2 {
  background-image: url('../images/Lawn-installation-Testimonial-4.jpg');
}

.test-page-slide.hillslide-3 {
  background-image: url('../images/Lawn-installation-Testimonial-2.jpg');
}

.test-page-slide.hillslide-4 {
  background-image: url('../images/Lawn-installation-Testimonial-3.jpg');
}

.test-page-slide.hillslide-5 {
  background-image: url('../images/Mark-K-6.JPG');
}

.test-page-slide.stormslide-1 {
  background-image: url('../images/Large-Drainage-System-Project-1.jpg');
}

.test-page-slide.stormslide-2 {
  background-image: url('../images/Large-Drainage-System-Project-2.jpg');
}

.test-page-slide.stormslide-3 {
  background-image: url('../images/Large-Drainage-System-Project-3.jpg');
}

.test-page-slide.stormslide-4 {
  background-image: url('../images/Bethel-Park-backyard-4.jpg');
}

.test-page-slide.stormslide-5 {
  background-image: url('../images/Stu-5.JPG');
}

.test-page-slide.stormslide-6 {
  background-image: url('../images/Stu-6.JPG');
}

.test-page-slide.wallrest-1 {
  background-image: url('../images/Wall-Restoration-1.jpg');
}

.test-page-slide.wallrest-2 {
  background-image: url('../images/Wall-Restoration-2.jpg');
}

.test-page-slide.wallrest-3 {
  background-image: url('../images/Wall-Restoration-3.jpg');
}

.test-page-slide.wallrest-4 {
  background-image: url('../images/Wall-Restoration-4.jpg');
}

.test-page-slide.patwall-1 {
  background-image: url('../images/Retaining-wall-3_1.jpg');
}

.test-page-slide.patwall-2 {
  background-image: url('../images/Boulders-3.jpg');
}

.test-page-slide.patwall-3 {
  background-image: url('../images/Pat-M-3.JPG');
}

.test-page-slide.patwall-4 {
  background-image: url('../images/Lawn-2.jpg');
}

.test-page-slide.patwall-5 {
  background-image: url('../images/Pat-M-5.JPG');
}

.test-page-slide.patwall-6 {
  background-image: url('../images/Long-Retaining-Wall-1.jpg');
}

.test-page-slide.billstone-1 {
  background-image: url('../images/Stone-2.jpg');
}

.test-page-slide.billstone-2 {
  background-image: url('../images/Stone-1_1.jpg');
}

.test-page-slide.billstone-3 {
  background-image: url('../images/Stone-3.jpg');
}

.test-page-slide.billstone-4 {
  background-image: url('../images/Bill-T-2.JPG');
}

.test-page-mask-1 {
  width: 55vw;
  overflow: hidden;
}

.tp-slider-arrow {
  text-shadow: 4px 1px 4px #000;
  transition: transform .2s;
}

.tp-slider-arrow:hover {
  transform: scale(1.2);
}

.tp-slider-arrow.left {
  left: 47px;
}

.tp-slider-arrow.right {
  inset: 0% 0% 0% -62px;
}

.tp-arrow-div {
  overflow: visible;
}

.home-test-heading {
  text-align: left;
  text-transform: capitalize;
  text-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-size: 4vw;
}

.navbar-1 {
  z-index: 2;
  background-color: var(--cream-90);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--black);
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  font-family: Pertili, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.as-mentioned-in {
  color: var(--black-60);
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: italic;
}

.as-mentioned-in-div {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ami {
  opacity: .3;
  width: 125px;
  margin-left: 20px;
  margin-right: 20px;
  transition: transform .2s;
}

.ami:hover {
  transform: scale(1.1);
}

.callout-exclamation {
  color: var(--qa-green);
  font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  inset: 6% auto auto 2%;
  transform: rotate(-20deg);
}

.blog-h5 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.featured-title-div {
  padding-left: 0;
  padding-right: 20px;
}

.read-more-card-link {
  background-color: var(--white);
  width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.read-more-slider {
  background-color: var(--transparent);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
  overflow: hidden;
}

.blog-end-slide {
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.read-more-mask {
  width: 75vw;
  position: static;
  overflow: hidden;
}

.read-more-slide-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
  position: absolute;
}

.read-more-icon {
  color: var(--qa-green);
}

.read-more-slide-wrapper {
  justify-content: center;
  height: 40vh;
  margin-top: 40px;
  display: flex;
}

.read-more-arrow {
  width: 50px;
  height: 50px;
  font-size: 30px;
}

.read-more-arrow.right {
  position: absolute;
}

.blog-resource {
  width: 700px;
  margin-top: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 11px;
  line-height: 30px;
}

.uncover-benefit-wrapper {
  justify-content: space-around;
  width: 100%;
  height: 30vh;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}

.uncover-benefit-1 {
  z-index: 2;
  background-color: var(--qa-green);
  color: var(--white-smoke\<deleted\|variable-eb0af185\>);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: Merriweather, serif;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 6px 6px 5px #0003;
}

.benefit-div {
  box-shadow: none;
  width: 250px;
  height: 250px;
  position: relative;
}

.uncover-benefit-description {
  z-index: 1;
  background-color: var(--transparent);
  color: var(--qa-green);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero-span {
  font-size: 12vw;
}

.custom-blog-slider {
  justify-content: center;
  align-items: center;
  height: 40vh;
  display: flex;
}

.blog-end-card {
  background-color: #fafafa;
  flex-flow: column;
  flex: none;
  width: 275px;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.end-card-thumbnail {
  width: 100%;
}

.end-card-title {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Merriweather, serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.end-card-date {
  padding-left: 10px;
  position: absolute;
  inset: auto auto 3% 0%;
}

.blog-end-arrow {
  background-color: var(--white-smoke\<deleted\|variable-eb0af185\>);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.blog-end-arrow-image {
  width: 50px;
  height: 50px;
}

.blog-end-arrow-image.flipped {
  transform: rotate(180deg);
}

.custom-blog-window {
  justify-content: flex-start;
  align-items: center;
  width: 885px;
  height: 40vh;
  display: flex;
  overflow: hidden;
}

.copyright {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.prop-template {
  flex-flow: column;
  display: none;
}

.dimension-holder {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.instagram-section {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 90vw;
  margin-bottom: 10vh;
  overflow: hidden;
}

.instagram-heading {
  color: #5d5d5d;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Pertili, sans-serif;
  font-size: 32px;
  font-style: italic;
}

.instagram-heading.ld {
  margin-top: 100px;
}

.instagram-handle {
  color: var(--qa-green);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Merriweather, serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 700;
}

.instagram-handle.ld {
  font-size: 5vw;
}

.white-form-text-2 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}

.white-form-text-1 {
  color: var(--qa-green);
  text-align: center;
  font-family: Merriweather, serif;
  font-size: 75px;
}

.white-form-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-top: 20px;
  display: flex;
}

.white-form-text-3 {
  text-align: center;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.retaining-wall-calc-wrapper {
  flex-flow: column;
  display: flex;
  position: relative;
}

.home-hero-logo {
  width: 200px;
}

.privacy-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.privacy-p {
  width: 700px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.4;
}

.privacy-heading {
  width: 700px;
  margin-top: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.privacy-heading.big {
  margin-bottom: 10px;
  font-size: 19px;
}

.privacy-heading.big.biggest {
  font-size: 23px;
}

.form-policy {
  color: var(--black);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
}

.organically-link {
  color: var(--white);
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: underline;
}

.patio-calculator-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 50vw;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.patio-sf-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.patio-sf-field {
  background-color: var(--green-5);
  color: var(--black-90);
  text-align: center;
  border: 1px solid #0000;
  width: 500px;
  height: 100px;
  font-size: 1.5rem;
}

.patio-sf-field::placeholder {
  color: var(--black-60);
}

.paver-adds {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 16%;
  bottom: auto;
  left: auto;
}

.paver-adds.show-ipad {
  display: none;
}

.paver-flat-adds {
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.paver-flat-adds.hidden {
  display: none;
}

.paver-form {
  justify-content: center;
  align-items: flex-start;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.paver-total {
  justify-content: center;
  align-items: center;
  display: flex;
}

.calc-p {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.calc-p.small {
  font-size: .8rem;
  line-height: 1.1rem;
}

.text-span-7 {
  font-weight: 400;
}

.paver-h2 {
  text-align: center;
  margin-bottom: 10px;
}

.calculator-h3 {
  margin-top: 40px;
}

.calc-h4 {
  text-align: left;
  margin-bottom: 10px;
  font-size: 1rem;
  line-height: 1.25rem;
}

.calculator-total-title {
  color: var(--cream);
  font-size: 2rem;
  line-height: 2.25rem;
}

.square-checkbox-2 {
  cursor: pointer;
  background-color: #fff;
  border-style: solid;
  border-color: #0000001a;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-left: 10px;
}

.square-checkbox-2.w--redirected-checked {
  background-color: #09380f;
  background-image: url('../images/fluent_checkmark-12-filled.svg');
  border-style: none;
}

.square-checkbox-2.w--redirected-focus {
  box-shadow: none;
}

.wall-left-dimensions {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 300px;
  padding: 10px;
  display: flex;
  position: relative;
}

.wall-left-dimensions.show-desktop {
  justify-content: space-between;
  align-items: flex-start;
}

.wall-left-dimensions.wall-show-ipad {
  display: none;
}

.hero-slider-1 {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-slide {
  background-image: url('../images/Hero-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.hero-slide.hero-patio {
  background-image: url('../images/QA-Patio.jpg');
}

.hero-slide.hero-walls {
  background-image: url('../images/QA-Retaining-Wall-in-Pittsburgh.jpg');
}

.hero-slide.hero-plants {
  background-image: linear-gradient(91deg, #00000017, #fff0), url('../images/Lawn-installation-Testimonial-5.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.hero-mask {
  overflow: visible;
}

.form-page-section {
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  margin-top: 15vh;
  display: flex;
}

.hero-video {
  z-index: 5;
  object-fit: cover;
  border-radius: 13px;
  position: relative;
}

.h1 {
  font-size: 4rem;
  line-height: 4.25rem;
}

.h1.home-hero-intro {
  z-index: 3;
  color: var(--cream);
  text-align: center;
  text-shadow: 3px 1px 5px #00000052;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 220px;
  font-size: 66px;
  font-weight: 400;
  position: relative;
}

.h1.home-h1 {
  color: var(--qa-green);
  text-align: left;
  font-size: 12.5vw;
  line-height: 1;
  position: absolute;
}

.h1.calculator-h1 {
  font-size: 4rem;
  line-height: 4.25rem;
}

.h1.blog-template {
  z-index: 9;
  position: relative;
}

.h1.blog-left {
  text-align: left;
}

.h1-q-a-span {
  font-size: 150px;
}

.hero-intro-viewer {
  z-index: 12;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 50vw;
  height: 30%;
  display: flex;
  position: absolute;
  inset: 30% 0% auto;
  overflow: hidden;
}

.hero-intro-mover {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-hero-branch {
  z-index: 400;
  width: 540px;
  display: block;
  position: absolute;
  inset: 5% auto auto -5vw;
}

.home-hero-branch.right {
  transform-style: preserve-3d;
  width: 250px;
  margin-right: -5vw;
  display: none;
  inset: auto 0% -20% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.h1-after-effect {
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 13.8rem;
  font-weight: 400;
  display: flex;
  position: relative;
}

.section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.section.premier-service {
  z-index: 2;
  background-image: linear-gradient(#00000040, #00000040), url('../images/QA-Retaining-Wall-in-Pittsburgh.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 90vw;
  margin-top: 10vh;
  display: flex;
  position: sticky;
  top: 22vh;
}

.section.premier-service.patio {
  z-index: 3;
  background-image: linear-gradient(#0000003d, #0000003d), url('../images/QA-Patio.jpg');
  top: 24vh;
}

.section.premier-service.plant {
  z-index: 3;
  background-image: linear-gradient(#00000030, #00000030), url('../images/Plants-1_2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  top: 26vh;
}

.section.horiz {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-height: 75vh;
  display: flex;
}

.section.horiz.left {
  justify-content: center;
  padding-left: 0;
}

.section.horiz.home-blog {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 10vh;
  margin-bottom: 10vh;
  overflow: hidden;
}

.section.small-jobs {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.section.smooth-wrapper {
  overflow: hidden;
}

.section.parallax-home {
  z-index: 1;
  background-color: var(--cream);
  justify-content: flex-start;
  align-items: center;
  min-height: 210vh;
  position: relative;
}

.section.home-blog-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 90vh;
  padding-left: 5vw;
  overflow: hidden;
}

.section.id-home {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: flex;
}

.section.id-home.left {
  justify-content: center;
  padding-left: 0;
}

.section.small-jobs-section {
  z-index: 5;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 75vh;
  margin-bottom: 10vh;
  padding-left: 5vw;
  display: flex;
  overflow: hidden;
}

.section.small-jobs-section.left {
  justify-content: center;
  padding-left: 0;
}

.section.home-scrolling {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
}

.section.sod-calc {
  min-height: 80vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.p1 {
  color: var(--black-60);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.p1.white {
  color: var(--cream);
}

.p1.white.centered {
  text-align: center;
  max-width: 50%;
}

.p1.white.absolute-top-left {
  max-width: 20%;
  font-size: 20px;
  font-weight: 400;
  display: none;
  position: absolute;
  inset: 5% auto auto 5%;
}

.p1.smaller {
  font-size: 1rem;
}

.p1.max-75 {
  max-width: 75%;
}

.div-vert-left-50 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.div-vert-left-50.parallax-1 {
  padding: 20px 20px 20px 40px;
}

.div-vert-left-50.home-test-div-1 {
  width: auto;
  margin-top: 10vh;
  margin-bottom: 0;
  padding: 0;
}

.div-vert-left-50.small-jobs {
  padding: 20px;
}

.div-vert-left-50.small-jobs.mobile, .div-vert-left-50.small-jobs.mobile-small-jobs {
  display: none;
}

.div-vert-left-50.desktop-small-jobs, .div-vert-left-50.padding-all-20 {
  padding: 20px;
}

.div-vert-left-50.home-id-div {
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  padding-right: 40px;
  position: relative;
}

.id-media {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 50%;
  flex: none;
  width: 50vw;
  margin-right: -5vw;
  position: relative;
}

.id-media.mobile {
  display: none;
}

.h2 {
  color: var(--black);
  font-family: Pertili, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

.h2.h2-home {
  font-size: 6rem;
  line-height: 5rem;
}

.h2.h2-home.show-desktop {
  display: block;
}

.h2.h2-home.show-mobile {
  display: none;
}

.h2.home {
  font-size: 11rem;
  line-height: 1;
}

.nav-link {
  z-index: 10;
  border: 1px solid var(--transparent);
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .5s cubic-bezier(.19, 1, .22, 1);
}

.nav-link:hover {
  border: 1px solid var(--black-75);
  box-shadow: 2px 2px 0 0 var(--black-90);
}

.nav-link.w--current {
  color: var(--black);
}

.nav-link.contact {
  border: 1px solid var(--white);
  background-color: var(--qa-green);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  flex: none;
  margin-left: 40px;
  margin-right: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  box-shadow: 2px 2px #fff;
}

.nav-link.contact:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: #000;
}

.h3 {
  color: var(--qa-green);
  font-family: Pertili, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.h3.small-jobs-h3 {
  font-size: 3vw;
}

.h3.massive-jobs {
  color: var(--black);
  font-size: 8.37vw;
}

.nav-number {
  z-index: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-image: linear-gradient(#fcfcf4b5, #fcfcf4b5);
  border: 1px solid #00000069;
  border-radius: 20px;
  width: 10vw;
  padding: 10px;
  display: block;
  position: absolute;
  right: 26%;
}

.massive-jobs-pic {
  z-index: 1;
  object-fit: cover;
  border-radius: 20px;
  width: 90vw;
  height: 60vh;
  margin-top: 40px;
  position: sticky;
  top: 18vh;
}

.swiper-slide {
  z-index: 5;
  object-fit: cover;
  border-radius: 10px;
  width: 20vw;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.swiper-slide.blog-slide {
  background-image: linear-gradient(#00000026, #00000026);
  border: 1px solid #000;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 300px;
  padding: 40px;
  transition: background-color .3s cubic-bezier(.19, 1, .22, 1);
  display: flex;
}

.swiper-slide.blog-slide:hover {
  background-color: #0000000d;
}

.swiper-slide.blog-slide.blog-slide-1 {
  background-image: url('../images/ales-krivec-BFJgf6sRmw8-unsplash.jpg');
  background-position: 50%;
  background-size: contain;
  background-attachment: fixed;
}

.swiper-slide.blog-slide.blog-slide-2 {
  background-image: url('../images/Copy-of-IMG_0456.JPG');
  background-position: 50%;
  background-size: cover;
}

.swiper-slide.blog-slide.blog-slide-3 {
  background-image: url('../images/cobblestone.jpg');
  background-position: 50%;
  background-size: cover;
}

.swiper-slide.card-slide-5 {
  object-fit: cover;
}

.swiper-slide.first {
  margin-left: 0;
}

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

.eastern-redbud {
  transform-style: preserve-3d;
  width: 50vw;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0;
}

.div-wide {
  width: 90vw;
}

.div-wide.right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-wide.home-parallax-titling {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 25vh;
}

.div-wide._20-tb-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.swiper.swiper-cards {
  flex-flow: column;
  width: 40vw;
  min-height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.swiper.swiper-blogs {
  justify-content: flex-start;
  align-items: flex-end;
  width: 90vw;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.bottom-ticker {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.home-form-section {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 90vw;
  margin-top: 10vh;
  display: flex;
}

.home-form-image {
  width: 25vw;
  margin-bottom: 0;
  position: relative;
}

.h4 {
  color: var(--black);
  text-align: center;
  font-size: 3rem;
  line-height: 1.2;
}

.h4.home-h4 {
  font-family: Pertili, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  line-height: 1.1;
}

.h4.all-services {
  color: var(--cream);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 3vw;
  line-height: 1.1;
}

.h4.home-gallery {
  z-index: 50;
  color: var(--white);
  mix-blend-mode: difference;
  margin-top: 100px;
  margin-bottom: 0;
  font-weight: 400;
  position: sticky;
  top: 40vh;
}

.h4.home-instagram {
  margin-bottom: 10vh;
}

.h4.form-h4-mobile {
  display: none;
}

.h4.home-h4 {
  font-size: 4rem;
  line-height: 4.25rem;
}

.horizontal-services {
  width: 100%;
  position: relative;
}

.horizontal-service-description {
  text-align: right;
  max-width: 40vw;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .2s;
}

.hover-image {
  z-index: 99999;
  transition: all .15s cubic-bezier(.19, 1, .22, 1);
}

.home-parallax-image {
  z-index: 1;
  width: 40vw;
  position: absolute;
  top: 53.6vh;
  left: 8.3vw;
}

.home-parallax-image.home-parallax-image-2 {
  z-index: 11;
  width: 30vw;
  top: 79.3vh;
  left: auto;
  right: 583px;
}

.home-parallax-image.home-parallax-image-3 {
  z-index: 7;
  width: 25vw;
  top: 124.7vh;
  left: 23.7vw;
}

.home-parallax-image.home-parallax-image-4 {
  z-index: 12;
  width: 20vw;
  top: 44.2vh;
  left: auto;
  right: 114px;
}

.home-parallax-image.home-parallax-image-5 {
  width: 20vw;
  top: 76%;
  left: auto;
  right: 270px;
}

.home-parallax-image.home-parallax-image-1 {
  z-index: 10;
  top: 40vh;
}

.home-parallax-image.home-parallax-image-6 {
  z-index: 5;
  width: 25vw;
  top: 53%;
  left: 0;
}

.home-parallax-image.home-parallax-image-7 {
  width: 30vw;
  inset: auto 0% 23% auto;
}

.home-parallax-image.home-parallax-image-9 {
  width: 30vw;
  top: 153vh;
  left: 133px;
}

.bridge {
  z-index: 0;
  opacity: .06;
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.brick {
  background-color: var(--qa-green);
  flex: none;
  width: 250px;
  height: 150px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.brick.half-brick {
  width: 125px;
}

.brick-mortar-div {
  flex-flow: row;
  display: flex;
}

.brick-mortar-div.right-align {
  justify-content: flex-end;
  align-items: center;
}

.home-blog-heading-div {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.h6 {
  font-weight: 400;
  line-height: 1.2;
}

.home-brand-holder {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: 0 0% auto;
}

.home-brand {
  opacity: .5;
  width: 12vw;
  margin-top: 10px;
  margin-bottom: 10px;
}

.home-blog-slide.home-blog-div {
  background-image: none;
  background-attachment: scroll;
  flex: none;
  margin-right: 20px;
  padding: 20px;
  box-shadow: 2px 2px #000;
}

.home-blog-slide.home-blog-div:hover {
  box-shadow: none;
  color: var(--black);
  transform: translate(2px, 2px);
}

.home-blog-slide.home-blog-div.home-mulch-slide:hover {
  color: var(--white);
  background-image: linear-gradient(#0006, #0006), url('../images/Mulch-Nice-Front-Yard-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.home-blog-slide.home-blog-div.home-border-slide:hover {
  color: var(--white);
  background-image: linear-gradient(#0006, #0006), url('../images/borders-4.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.home-blog-slide.home-blog-div.home-wall-calc:hover {
  color: var(--white);
  background-image: linear-gradient(#0006, #0006), url('../images/Retaining-wall-3_1.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.home-blog-slide.home-blog-div.home-native-trees:hover {
  color: var(--white);
  background-image: linear-gradient(#0006, #0006), url('../images/birch-tree.jpg');
  background-position: 0 0, 50%;
  background-attachment: scroll, fixed;
}

.blog-slider-p {
  font-weight: 400;
  line-height: 1.3;
}

.blog-slider-title {
  color: var(--black-75);
  font-family: Pertili, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.home-blog-div {
  background-image: linear-gradient(#0003, #0003), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-attachment: scroll, fixed;
  border: 1px solid #000;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40vw;
  min-height: 200px;
  padding: 40px;
  transition: all .4s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  position: relative;
}

.home-blog-div:hover {
  background-color: #0000000d;
}

.home-blog-div.mulch-blog-home {
  color: var(--white);
  background-image: linear-gradient(#0003, #0003), url('../images/Mulch-Nice-Front-Yard-2.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  min-height: 40vh;
  display: flex;
}

.home-blog-slider {
  justify-content: flex-start;
  align-items: center;
  width: 90vw;
  display: flex;
}

.small-brick-holder {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
}

.corner-arrow {
  display: none;
  position: absolute;
  inset: 5% 3% auto auto;
}

.blog-slider-buttons {
  z-index: 5;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  height: 10vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.swiper-button {
  background-image: url('../images/right-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 50px;
  height: 50px;
  transition: transform .3s cubic-bezier(.19, 1, .22, 1);
}

.swiper-button:hover {
  transform: scale(1.1);
}

.swiper-button.swiper-button-prev {
  transform: rotate(180deg);
}

.swiper-button.swiper-button-prev:hover {
  transform: scale(1.1)rotate(180deg);
}

.premier-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 5% 5% auto auto;
  transform: rotate(-40deg);
}

.nav-link-2-0 {
  z-index: 10;
  color: var(--white);
  border: 1px solid #0000;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  transition: transform .5s cubic-bezier(.19, 1, .22, 1), border-color .5s cubic-bezier(.19, 1, .22, 1);
}

.nav-link-2-0:hover {
  border: 1px solid var(--white);
  transform: scale(1.1);
}

.nav-link-2-0.contact {
  border: 1px solid var(--white);
  background-color: var(--qa-green);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  font-family: Montserrat, sans-serif;
}

.nav-link-2-0.contact:hover {
  background-color: var(--white);
  color: var(--black);
  border-color: #000;
}

.manual-blog-slider {
  flex-flow: column;
  width: 100vw;
  display: flex;
}

.home-blogs {
  justify-content: flex-start;
  align-items: stretch;
  width: 500vw;
  margin-top: 40px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  overflow: visible;
}

.service-button-holder {
  justify-content: center;
  align-items: center;
  width: 30vw;
  display: flex;
}

.text-link {
  background-color: var(--qa-green);
  color: #000000a3;
  border: 1px dashed #000;
  margin-left: 20px;
  padding: 10px;
  font-size: 18px;
  font-weight: 700;
}

.button-1-green {
  border: 1px dashed var(--transparent);
  background-color: var(--qa-green);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 12px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: all .15s ease-out;
  display: flex;
  position: relative;
}

.button-1-green:hover {
  border-style: dashed;
  border-color: var(--qa-green);
  background-color: var(--transparent);
  color: var(--qa-green);
}

.button-1-green.w--current {
  color: var(--white);
}

.button-1-green.button-1-5 {
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.button-1-green.button-1-5:hover {
  box-shadow: 8px 5px 4px -6px #0000002e;
}

.button-1-green.nav-button {
  text-transform: capitalize;
  margin: 10px;
  padding: 10px 12px;
  font-size: 18px;
  transition: all .15s ease-out;
  box-shadow: 0 0 5px -2px #fff;
}

.button-1-green.nav-button:hover {
  box-shadow: none;
  color: var(--black);
  background-color: #fff;
  border-style: none;
  border-radius: 0;
  transform: scale(1.1);
}

.button-1-green.nav-button.w--current {
  color: #fff;
}

.button-1-green.nav-button.w--current:hover {
  box-shadow: none;
  color: var(--green-type\<deleted\|variable-890e84d4\>);
  background-color: #fff;
}

.button-1-green.employment-button {
  margin-left: 10px;
}

.button-1-green.form-white:hover {
  background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
  transform: scale(.95);
  box-shadow: inset -1px 2px 10px -3px #00000080;
}

.button-1-green.form-white.left-margin {
  margin-left: 20px;
}

.button-1-green.home-hero-button {
  margin-right: 40px;
}

.button-1-green.home-hero-button:hover {
  color: var(--black);
}

.button-1-green.pink {
  border-color: var(--qa-green);
  background-color: var(--transparent);
  box-shadow: none;
  color: var(--black);
}

.button-1-green.pink:hover {
  color: var(--white);
  background-color: #e74281;
}

.button-1-green.sticky-gallery {
  z-index: 10;
  position: absolute;
  bottom: 10vh;
  right: auto;
}

.button-1-green.light-button {
  border-color: var(--white);
  color: var(--white);
}

.button-1-green.margin-20-left {
  flex: none;
  margin-left: 20px;
}

.button-1-green.margin-20-left:hover {
  border-color: var(--black-33);
}

.console-logo {
  width: 90%;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.services-features-div {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.services-features-div.right-align {
  justify-content: flex-end;
  align-items: center;
}

.services-features-div.hidden {
  display: none;
}

.div-wide-top {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.p1-center {
  text-align: center;
  max-width: 75%;
}

.p1-center.max-75 {
  max-width: 75%;
}

.nav-menu, .mobile-nav-menu {
  display: none;
}

.form-button-div {
  width: 100%;
}

.form-spacer-div {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 30vw;
  min-height: 50vh;
  display: flex;
  position: relative;
}

.form-heading-and-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.console-newsletter {
  background-color: var(--qa-green);
  background-image: linear-gradient(#094c11e6, #094c11e6), url('../images/blog-hero-butterfly.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  width: 100%;
  margin-top: 40px;
  padding: 20px 10px;
}

.console-newsletter-label {
  color: var(--white);
  margin-bottom: 20px;
  display: flex;
}

.console-newsletter-field {
  color: #000;
  border-radius: 10px;
}

.service-walls-drawing {
  position: absolute;
  inset: 28% 0% 0% auto;
}

.service-feature-illustration {
  border-radius: 10px;
  width: 20vw;
}

.p1-left-align {
  max-width: 750px;
}

.p1-left-align._16px {
  font-size: 16px;
}

.bullet-div {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.bullet {
  background-color: var(--black);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

.div-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.div-center.no-top-margin {
  margin-top: 0;
}

.div-vert-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-vert-center.off-color {
  background-color: #0000000d;
  padding: 40px;
}

.fixed-feature-image {
  background-image: url('../images/Landscaping-Plants-home-background_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 10px;
  width: 30vw;
}

.fixed-feature-image.walls-image-2 {
  background-image: url('../images/Home-Retaining-Wall-Background.jpg');
}

.fixed-feature-image.walls-image-3 {
  background-image: url('../images/Retaining-Wall-lights.jpg');
}

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

.div-vert-left.off-color {
  background-color: #0000000d;
  max-width: 20vw;
  padding: 20px;
}

.service-filter {
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.service-filter-div {
  box-shadow: 2px 2px 0 0 var(--black);
  border: 1px solid #000;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin: 10px;
  padding: 10px;
  display: flex;
}

.ticker {
  z-index: 5;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 400vw;
  height: 100%;
  padding-left: 5vw;
  display: flex;
  position: relative;
  overflow: visible;
}

.home-ticker {
  z-index: 5;
  width: 100vw;
  height: 60vh;
  margin-left: -5vw;
  position: relative;
  overflow: hidden;
}

.ticker-gradient {
  z-index: 10;
  background-image: linear-gradient(90deg, var(--transparent), var(--cream));
  width: 200px;
  height: 100%;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.ticker-gradient-2 {
  z-index: 10;
  background-image: linear-gradient(-90deg, var(--transparent), var(--cream));
  width: 100px;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto 0% -2%;
}

.home-form {
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-end;
  width: 90%;
  margin-top: 10vh;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-spacer {
  z-index: 1;
  justify-content: center;
  align-items: flex-end;
  width: 30vw;
  min-height: 50vh;
  display: flex;
  position: relative;
}

.home-form-text {
  text-align: center;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.services-callout {
  text-align: center;
  background-image: linear-gradient(#1d50230d, #1d50230d);
  flex-direction: column;
  align-items: center;
  width: 75%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 16px;
  display: flex;
}

.services-form-heading {
  color: var(--black);
  text-align: center;
  width: 100%;
  font-family: Pertili, sans-serif;
  font-size: 50px;
  line-height: 1;
  position: relative;
  bottom: auto;
}

.footer-split {
  color: var(--cream);
  font-family: Pertili, sans-serif;
  font-size: 12.5vw;
  line-height: 1.25;
}

.footer-split.footer-q {
  font-size: 11vw;
}

.footer-mobile-logo {
  display: none;
}

.footer-form {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-field {
  background-color: #fff0;
  border: 1px solid #ffffff82;
  border-radius: 5px;
}

.form-field::placeholder {
  color: #fff9;
  font-size: 1rem;
  line-height: 1rem;
}

.button-2 {
  border: 1px solid var(--white);
  background-color: var(--cream);
  color: var(--black);
  text-align: center;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  padding: 8px 12px;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: background-color .4s cubic-bezier(.19, 1, .22, 1), box-shadow .3s ease-out;
  display: flex;
  position: relative;
}

.button-2:hover {
  background-color: var(--qa-green);
  box-shadow: none;
  color: var(--white);
  border: 1px solid #0000;
}

.button-2.w--current {
  color: var(--white);
}

.button-2.button-1-5 {
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.button-2.button-1-5:hover {
  box-shadow: 8px 5px 4px -6px #0000002e;
}

.button-2.nav-button {
  text-transform: capitalize;
  margin: 10px 40px;
  padding: 10px 12px;
  font-size: 16px;
}

.button-2.nav-button:hover {
  box-shadow: none;
}

.button-2.nav-button.w--current {
  color: var(--black);
}

.button-2.nav-button.w--current:hover {
  color: var(--white);
}

.button-2.employment-button {
  margin-left: 10px;
}

.button-2.form-white:hover {
  background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
  transform: scale(.95);
  box-shadow: inset -1px 2px 10px -3px #00000080;
}

.button-2.form-white.left-margin {
  margin-left: 20px;
}

.button-2.home-hero-button {
  margin-right: 40px;
}

.button-2.home-hero-button:hover {
  color: var(--black);
}

.button-2.pink {
  border-color: var(--qa-green);
  background-color: var(--transparent);
  box-shadow: none;
  color: var(--black);
}

.button-2.pink:hover {
  color: var(--white);
  background-color: #e74281;
}

.button-2.sticky-gallery {
  z-index: 10;
  position: absolute;
  bottom: 10vh;
  right: auto;
}

.button-2.light-button {
  border-color: var(--white);
  color: var(--white);
}

.button-2.newsletter-button {
  border-color: var(--white);
  box-shadow: 2px 2px 0 0 var(--white);
  color: var(--white);
  margin-bottom: 0;
  padding: 5px 10px;
  font-size: 14px;
}

.button-2.margin-0 {
  margin-left: 0;
}

.button-2.margin-left {
  margin-left: 40px;
}

.field-label-white {
  color: #ffffffbf;
}

.bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12 {
  font-family: Pertili, sans-serif;
}

.rich-text {
  color: var(--black-75);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.blog-template-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40vw;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.heading {
  line-height: 1.75rem;
}

.wide-image-landing {
  width: 100%;
}

._100 {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 50%;
  flex: none;
  width: 100%;
  margin-right: -5vw;
  position: relative;
}

._100.mobile {
  display: none;
}

.smooth-image {
  border-radius: 0;
  width: 140%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
}

.premier-wrapper {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 75vh;
  margin-top: 10vh;
  margin-bottom: 10vh;
  display: flex;
}

.img-container {
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sitelink {
  margin-right: 20px;
  font-weight: 400;
}

.collection-list {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.collection-list-wrapper {
  height: 100%;
}

.home-blogs {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.blog-ticker {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  margin-top: 20px;
  margin-left: -5vw;
  display: flex;
  overflow: hidden;
}

.ticker-gradient-left {
  z-index: 10;
  background-image: linear-gradient(-90deg, var(--transparent), var(--cream));
  width: 200px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.mobile-footer-typemark {
  display: none;
}

.total-calc-div-etc {
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.total-calc-div-etc.first {
  z-index: 1;
  flex-flow: column;
  padding: 40px;
  display: none;
}

.calculated-supply {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 300px;
  padding: 10px;
  display: flex;
  position: relative;
}

.calculated-supply.show-desktop {
  justify-content: space-between;
  align-items: flex-start;
}

.calculated-supply.wall-show-ipad {
  display: none;
}

.text-block {
  margin-top: 20px;
}

.blog-console {
  width: 30vw;
  display: none;
}

.console-link {
  color: var(--black-60);
  padding: 10px;
}

.console-link:hover {
  background-color: var(--green-25);
  color: var(--black-90);
}

.blog-hero-side-img {
  position: relative;
  inset: 0% 0% 0% auto;
}

.checkmark-div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-icon {
  width: 25px;
}

.checkmark-text {
  margin-left: 10px;
  margin-right: 20px;
}

.blog-hero-bottomright {
  z-index: 0;
  border-radius: 0;
  width: 40vw;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  top: auto;
  left: auto;
  right: 0%;
}

.btm-right-content {
  width: 15vw;
  position: absolute;
  inset: auto 0% 10% auto;
}

.btm-right-content.venetia {
  border: 1px none var(--black-10);
  border-radius: 10px;
  width: 25vw;
  padding: 20px;
}

.abs-paragraph {
  color: var(--black-75);
  font-size: .7rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2rem;
  position: relative;
  inset: 0%;
}

.star-pic {
  width: 100px;
  margin-top: 0;
  margin-bottom: 0;
}

.scrolling-text {
  border: 1px solid var(--black-40);
  color: var(--black-90);
  border-radius: 5px;
  margin: 10px 5px;
  padding: 20px;
  font-family: Pertili, sans-serif;
  font-size: 1.5rem;
}

.scrolling-text.nh, .scrolling-text.rs, .scrolling-text.sct {
  display: flex;
}

.scrolling-home {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 60vw;
  display: flex;
}

.scroller-coveror {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--transparent), var(--cream));
  width: 100vw;
  height: 100%;
  display: none;
  position: absolute;
}

.home {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.addons-heading {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Pertili, sans-serif;
  font-size: 2rem;
}

.addons-heading.small {
  font-size: 15px;
}

.misc-blogs {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.blog-tile-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.bloghomeitem, .blog-home-list, .blog-home-listwrapper {
  width: 100%;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .hero-section {
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
  }

  .hero-section.home-hero {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    max-height: none;
  }

  .hero-section.bethel-hero {
    padding-bottom: 10vh;
  }

  .hero-section.peters-hero {
    padding-top: 10vh;
  }

  .hero-section.blog-template-hero {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .h1-home {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 62px;
  }

  .hero-subheading {
    max-width: 85%;
    font-size: 26px;
  }

  .button-1 {
    z-index: 10;
    box-shadow: none;
    justify-content: center;
    align-items: center;
  }

  .button-1:hover {
    border-color: var(--black);
    background-color: var(--cream);
    color: var(--black);
  }

  .button-1.nav-button {
    text-align: center;
    border-style: none;
    justify-content: center;
    margin: 0;
    display: none;
  }

  .button-1.nav-button:hover {
    background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
    box-shadow: none;
    color: #fff;
    transform: none;
  }

  .button-1.form-white {
    font-size: 18px;
  }

  .button-1.form-white:hover {
    background-color: var(--qa-green);
    transform: none;
    box-shadow: 7px 4px 5px -2px #00000080;
  }

  .button-1.home-hero-button:hover {
    color: var(--white);
  }

  .button-1.sticky-gallery {
    bottom: 25vh;
  }

  .button-1.mobile-menu-button {
    margin-top: 20px;
  }

  .menu-button {
    color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 20px 0 0;
    transition: all .2s;
    display: flex;
    position: absolute;
    inset: auto 2% 0% auto;
  }

  .menu-button.w--open {
    background-color: var(--brighter-green\<deleted\|variable-61660ac9\>);
    color: #fff;
  }

  .menu-button.testimonial {
    color: var(--qa-green);
  }

  .menu-button.testimonial.w--open {
    color: #fff;
  }

  .h2-home {
    color: var(--white);
    text-shadow: 2px 2px 6px #000000a8;
    margin-bottom: 10px;
    font-size: 62px;
    line-height: 62px;
  }

  .h2-home.home-excavation {
    font-size: 62px;
    line-height: 1;
  }

  .section-3-tiles {
    width: 100vw;
    margin-top: 0;
    padding-top: 0;
  }

  .home-h3 {
    text-align: left;
    font-size: 22px;
    line-height: 35px;
  }

  .service-block:hover {
    background-color: var(--qa-green);
    color: var(--white);
  }

  .service-block.firepits-tile, .service-block.firepits-tile:hover {
    background-image: linear-gradient(#0000002b, #0000002b), url('../images/Firepit-2.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .service-block.tree-tile, .service-block.tree-tile:hover {
    background-image: url('../images/Tree-Removal-Tile_1.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .service-block.decorative-stone-tile, .service-block.decorative-stone-tile:hover {
    background-image: linear-gradient(#00000045, #00000045), url('../images/decorative-stone-tile.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
  }

  .service-block.landscape-design-tile, .service-block.landscape-design-tile:hover {
    background-image: linear-gradient(#00000021, #00000021), url('../images/Landscape-design-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .service-block.mulching-tile, .service-block.mulching-tile:hover {
    background-image: linear-gradient(#0003, #0003), url('../images/Mulching-1.jpg');
    background-position: 0 0, 50% 70%;
    background-size: auto, cover;
  }

  .service-block.seasonal-tile, .service-block.seasonal-tile:hover {
    background-image: linear-gradient(#0000001a, #0000001a), url('../images/fall-cleanup-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .service-block.french-drains-tile, .service-block.french-drains-tile:hover {
    background-image: linear-gradient(#00000029, #00000029), url('../images/Drains-Tile.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .service-block.concrete-edging-tile, .service-block.concrete-edging-tile:hover {
    background-image: linear-gradient(#0000001f, #0000001f), url('../images/Continuous-Concrete-Edging.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .service-block.lawn-install-tile {
    background-image: linear-gradient(#0000, #0000), url('../images/Lawn-install-1.JPG');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .service-block.lawn-install-tile:hover {
    background-image: url('../images/Lawn-install-1.JPG');
    background-position: 0 0;
    background-size: cover;
  }

  .h3-div {
    flex-direction: column;
  }

  .patios, .walls, .excavation {
    height: auto;
    margin-top: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .horizontal-service-title {
    font-size: 3vw;
  }

  .horizontal-service-title:hover {
    border-style: none;
    transform: none;
  }

  .footer {
    z-index: 1;
    grid-template-rows: .25fr .25fr .25fr;
    grid-template-columns: .25fr 1fr 1fr;
    justify-content: center;
    place-items: center;
    padding-top: 10vh;
    padding-bottom: 10vh;
    display: flex;
  }

  .footer-brand {
    background-image: linear-gradient(to bottom, var(--new-green\<deleted\|variable-ee4cb340\>), var(--new-green\<deleted\|variable-ee4cb340\>));
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 40px;
  }

  .footer-services {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-heading {
    letter-spacing: 1px;
    margin-top: 40px;
    margin-bottom: 20px;
    font-family: Pertili, sans-serif;
    font-size: 2rem;
    font-weight: 400;
  }

  .footer-service {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.3;
  }

  .footer-service:hover {
    font-weight: 400;
    transform: none;
  }

  .viz-div {
    width: 100vw;
    padding-bottom: 40px;
  }

  .service-hero-div.lz {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .universal-navigation {
    border: 1px none var(--black-10);
    background-color: var(--transparent);
    color: #000;
    width: 90%;
    min-width: auto;
    height: 10vh;
    margin-top: 20px;
    top: 0;
    right: auto;
  }

  .nav-link-2 {
    color: #000;
    text-align: center;
    background-color: #fff;
    justify-content: center;
    display: flex;
  }

  .nav-link-2:hover {
    color: #000;
    background-color: #ffffff85;
    border-style: none;
    transform: none;
  }

  .nav-link-2.w--current {
    color: #000;
  }

  .nav-link-2.testimonial:hover {
    border-color: var(--white);
    transform: none;
  }

  .home-nav-brand {
    width: 125px;
    line-height: 1rem;
  }

  .home-nav-brand.w--current {
    width: 100px;
    display: flex;
  }

  .visualization-section {
    flex-direction: column;
    height: auto;
  }

  .services-h1 {
    font-size: 60px;
  }

  .services-h1.borders-h1 {
    width: auto;
  }

  .service-console-section {
    border-top-style: none;
    flex-direction: row;
    padding-top: 0;
  }

  .console-wrapper {
    flex-direction: column;
    justify-content: center;
    width: auto;
    display: flex;
    position: relative;
    top: 0;
  }

  .console-wrapper.new-console {
    display: none;
    position: sticky;
    top: -324px;
  }

  .console-item {
    box-shadow: none;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    transition-property: none;
  }

  .console-item:hover {
    box-shadow: none;
    color: #000;
    background-color: #f0f0f0;
  }

  .console-item.services {
    color: #000;
    background-color: #0000;
    font-size: 25px;
    line-height: 32px;
  }

  .console-link {
    background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
    margin: 10px 0;
  }

  .console-link:hover {
    background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
    color: #000;
  }

  .console-link.solutions-link {
    padding-left: 0;
    padding-right: 0;
  }

  .console-link.solutions-link.w--current {
    background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu-2 {
    color: #000;
    background-color: #fff;
    flex-flow: column;
    flex: 1;
    width: 120px;
    height: 150px;
    display: flex;
  }

  .gallery-wrapper {
    display: none;
  }

  .gallery-image {
    width: 50vw;
    padding-right: 5px;
  }

  .content-wrapper-1 {
    width: 100%;
  }

  .content-wrapper-1.services {
    width: auto;
  }

  .service-heading {
    font-size: 35px;
    line-height: 38px;
  }

  .secondary-button:hover {
    color: #fff;
    background-image: none;
    background-size: auto;
    border-radius: 0;
  }

  .secondary-button.category-button {
    padding: 5px 10px;
  }

  .home-service-section-left.walls {
    background-image: linear-gradient(#00000052, #00000052), url('../images/wall-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-left.plants {
    background-image: linear-gradient(#00000052, #00000052), url('../images/Lawn-installation-Testimonial-5.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-left.concrete {
    background-image: linear-gradient(#00000052, #00000052), url('../images/Concrete-main-page.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-right {
    background-image: linear-gradient(#00000080, #00000080), url('../images/plants-1.JPG');
    background-position: 0 0, 50% 60%;
    background-size: auto, cover;
    justify-content: center;
    height: 40vh;
    padding-left: 0;
    padding-right: 0;
  }

  .home-service-section-right.patios {
    background-image: linear-gradient(#00000054, #00000054), url('../images/patio-new.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .home-service-section-right.excavation {
    background-image: linear-gradient(#00000052, #00000052), url('../images/Grading-1.jpg');
    background-position: 0 0, 50% 60%;
    background-size: auto, cover;
    justify-content: center;
    align-items: center;
    height: 75vh;
    margin-top: 0;
    padding-right: 0;
  }

  .form-section {
    flex-direction: column;
    height: auto;
  }

  .form-headings-div {
    background-color: #0000;
    width: 100vw;
    height: 60vh;
    padding-bottom: 40px;
    display: flex;
  }

  .form-1 {
    width: 100vw;
    height: 60vh;
  }

  .field-1 {
    font-size: 12px;
  }

  .form-number {
    justify-content: center;
    width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 75px;
    display: flex;
  }

  .tile-accent.green {
    display: none;
  }

  .horizontal-heading-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tile-heading {
    line-height: 50px;
  }

  .tile-heading-div-1 {
    width: auto;
    max-width: 50vw;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tile-heading-div-1.filter {
    margin-right: 20px;
  }

  .tile-heading-div-1.filter-to-mobile {
    display: none;
  }

  .tile-p2 {
    color: #000;
    font-size: 14px;
  }

  .right-arrow, .left-arrow {
    display: flex;
  }

  .premier-service-div {
    padding: 0;
  }

  .premier-service-div.walls-premier-service:hover {
    background-image: linear-gradient(#0000003b, #0000003b), url('../images/Home-Retaining-Wall-Background.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .premier-service-div.patio-premier-service:hover {
    background-image: linear-gradient(#00000036, #00000036), url('../images/Home-Patio_1.avif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .premier-service-div.plants-premier-service {
    padding: 0;
  }

  .premier-service-div.plants-premier-service:hover {
    background-image: linear-gradient(#0000002b, #0000002b), url('../images/Landscaping-Plants-home-background_1.avif');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .mobile-visualization {
    display: none;
  }

  .form-2 {
    z-index: 10;
    width: 100%;
    position: relative;
  }

  .location-big-wrapper {
    width: 100vw;
  }

  .location-small-wrapper {
    width: 30vw;
  }

  .services-p1 {
    color: #000;
    width: 90%;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .services-h3 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 28px;
  }

  .service-button-div {
    z-index: 3;
    position: relative;
  }

  .moonrise-image {
    width: 200px;
  }

  .moonrise-p {
    max-width: 80vw;
  }

  .nav-hamburger {
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .large-footer-wrapper {
    flex-flow: column;
  }

  .medium-footer-div {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .category-1 {
    background-image: linear-gradient(#00000069, #00000069), url('../images/Hardscaping-tile.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .category-1.v-tile-2 {
    background-image: linear-gradient(#00000061, #00000061), url('../images/Landscaping-Tile.jpg');
    background-position: 0 0, 100%;
    background-size: auto, cover;
  }

  .category-text {
    color: var(--white-smoke\<deleted\|variable-eb0af185\>);
    text-shadow: 7px 0 6px #000;
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
    line-height: 25px;
  }

  .category-heading {
    text-shadow: 1px 1px 13px #000;
    font-family: Merriweather, serif;
    font-size: 28px;
    font-style: normal;
  }

  .feature-tile-1 {
    justify-content: center;
    width: 30vw;
    margin-left: 5px;
    margin-right: 5px;
  }

  .feature-tile-description, .feature-tile-heading {
    color: #000;
  }

  .feature-tile-wrapper {
    width: auto;
    display: flex;
  }

  .slider-section, .div-of-the-slider {
    height: 50vh;
  }

  .div-of-the-slider.snow-3 {
    background-position: 50%;
    background-size: cover;
  }

  .slider-2 {
    height: 50vh;
  }

  .viz-wrapper {
    width: 75vw;
  }

  .footer-logo {
    width: 260px;
    padding: 0;
  }

  .footer-logo:hover {
    transform: none;
  }

  .footer-socials {
    flex-flow: row;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-social-image {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-social-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-social-link:hover {
    transform: none;
  }

  .block-div {
    margin-left: 0;
    margin-right: 0;
  }

  .services-button {
    margin-top: 10px;
  }

  .services-button:hover {
    color: #000;
    background-color: #0000;
    border-style: solid;
    border-radius: 0;
  }

  .accent-bottom-right {
    display: none;
  }

  .services-p2 {
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 16px;
  }

  .nav-image {
    width: 100%;
  }

  .nav-image:hover {
    transform: none;
  }

  .nav-image.black {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .nav-image.white {
    display: none;
  }

  .form-logo {
    width: 250px;
  }

  .white-number {
    color: #fff;
    width: 150px;
    display: flex;
  }

  .horizontal-white-divider {
    width: 30vw;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .atilde.dark {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
  }

  .compaction-image {
    width: 200px;
  }

  .mobile-phone-link {
    width: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
  }

  .mobile-phone-image {
    width: 100%;
  }

  .gal-1 {
    padding-right: 0;
  }

  .employment-form {
    width: 100vw;
  }

  .horizontal-gray-nav.mobile {
    z-index: 9;
    background-color: var(--transparent);
    box-shadow: none;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    min-width: auto;
    height: auto;
    display: flex;
    top: 12vh;
    overflow: auto;
  }

  .gn-container {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
  }

  .green-nav-link {
    border: 1px solid var(--black-10);
    background-color: var(--cream);
    color: var(--black-75);
    border-radius: 7px;
    flex: none;
    width: auto;
    height: auto;
    margin: 15px 20px 15px 0;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Montserrat, sans-serif;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
  }

  .green-nav-link:hover {
    text-decoration: none;
  }

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

  .green-nav-link.w--current {
    background-color: var(--qa-green);
  }

  .gn-menu {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-left: 5vw;
  }

  .blog-hero-div {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 90vw;
    padding: 0;
  }

  .blog-subheading {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-h1 {
    font-size: 3rem;
    line-height: 3.25rem;
  }

  .blog-date {
    max-width: 600px;
  }

  .blog-section-1 {
    z-index: 2;
    position: relative;
  }

  .blog-h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .blog-h2.centered {
    text-align: left;
  }

  .blog-callout-2 {
    align-items: flex-start;
  }

  .wide-image {
    width: 100%;
  }

  .blog-big-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .sticky-blog-div {
    display: none;
  }

  .sticky-services-list {
    width: auto;
    top: 46px;
  }

  .services-list-title {
    margin-bottom: 10px;
    font-style: italic;
    font-weight: 700;
  }

  .solution-1 {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 22px;
  }

  .blog-card-wrapper {
    width: 100vw;
  }

  .blog-home-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-home-h2 {
    text-align: center;
  }

  .blog-home-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .featured-blog-1 {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
  }

  .featured-blog-1.guides {
    width: auto;
  }

  .featured-blog-1.new-featured {
    width: auto;
    margin-top: 40px;
  }

  .blog-description {
    width: auto;
    font-size: 18px;
  }

  .titled-blogs {
    width: auto;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-h3 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .blog-end-slider {
    height: auto;
  }

  .blog-card-div:hover {
    box-shadow: none;
    transform: none;
  }

  .read-more-heading {
    width: 80vw;
  }

  .blog-home-link-block.center {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .home-service-p {
    width: 75vw;
    font-size: 18px;
  }

  .home-service-p.left {
    color: var(--white);
    text-shadow: 0 0 3px #000;
    width: auto;
    font-size: 24px;
    line-height: 28px;
  }

  .lz-h1 {
    font-size: 42px;
    line-height: 50px;
  }

  .slide-2 {
    margin-left: 0;
  }

  .slide-2.walls-slide-11 {
    width: 90vw;
  }

  .form-wrapper {
    justify-content: space-around;
    align-items: center;
    width: 90%;
  }

  .field-2.dropdown:hover {
    background-color: #f5f5f5;
  }

  .hero-div {
    align-items: flex-start;
    width: 90vw;
  }

  .hero-div.hero-slide-div {
    padding-left: 40px;
  }

  .gal-2 {
    margin-left: 5px;
  }

  .radio-field {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
  }

  .radio-field.show-ipad {
    width: 40vw;
    display: flex;
  }

  .radio-field.wall-adds {
    background-color: var(--transparent);
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .field-label {
    font-size: 18px;
  }

  .field-label.radio-label {
    text-align: center;
    font-size: 16px;
  }

  .field-label.radio-label.paver-label {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
  }

  .total-field.squarefeet {
    font-size: 16px;
  }

  .total-field.paver-total {
    width: 50%;
    height: 40px;
    padding: 0;
    font-size: 25px;
  }

  .flex {
    height: 75px;
    margin-bottom: 10px;
  }

  .form-block {
    width: 225px;
  }

  .form-block:hover {
    border-color: #0000;
  }

  .form-block.square, .form-block.dimensions {
    margin-left: 0;
    margin-right: 0;
  }

  .form-block.paver-total {
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    width: 75vw;
    height: 100px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    position: fixed;
    inset: auto 0% 2% 11%;
  }

  .form-block.paver-access {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-block.green {
    z-index: 1;
    border-style: none;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    min-height: 150px;
    padding: 0 5vw;
    position: relative;
    inset: auto 0% 0%;
  }

  .text-field.square {
    font-size: 18px;
  }

  .form-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .dollar.paver {
    font-size: 28px;
    line-height: 1.1;
  }

  .calculator-radio-span {
    font-size: 18px;
  }

  .excav-p {
    width: 75vw;
    font-size: 18px;
  }

  .excav-button:hover {
    color: #fff;
    background-image: none;
    background-size: auto;
    border-radius: 0;
  }

  .socials-footer-bio {
    flex: none;
    height: auto;
  }

  .footer-bio {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
  }

  .testimonials-hero {
    min-height: 50vh;
    padding-top: 50px;
  }

  .testimonials-h1 {
    font-size: 42px;
    line-height: 50px;
  }

  .testimonial-bisection {
    flex-direction: column;
    align-items: center;
  }

  .project-showcase-image-wrapper {
    align-items: flex-start;
    width: 90vw;
  }

  .project-showcase-image-wrapper.filter-under-ipad {
    display: none;
  }

  .project-showcase-content {
    width: 90vw;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
    top: 0;
  }

  .project-showcase-content.filter-mobile-test {
    flex-direction: column;
    display: none;
  }

  .project-showcase-large-image {
    width: 90vw;
  }

  .testimonial-p1 {
    font-size: 18px;
    line-height: 25px;
  }

  .testimonial-p2 {
    font-size: 16px;
  }

  .test-icon-text {
    font-size: 18px;
  }

  .home-test-div-1 {
    width: 90vw;
  }

  .home-review-card {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #fcfcf440;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
  }

  .top-horizontal-marquee {
    z-index: 20;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5vw;
    overflow: auto;
  }

  .bottom-horizontal-marquee {
    display: none;
  }

  .blog-author-date {
    max-width: 600px;
  }

  .wall-calc-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .calculator-top-row {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
  }

  .access-wrapper {
    justify-content: space-around;
  }

  .radio-description {
    font-size: .8rem;
    line-height: 1.1rem;
  }

  .total-coverer {
    display: none;
  }

  .blog-author-div {
    justify-content: center;
    align-items: center;
  }

  .testimonial-page-photo-slider.filter-1 {
    display: none;
  }

  .testimonial-page-photo-slider.filter-0 {
    display: flex;
  }

  .test-page-slide, .test-page-mask-1 {
    width: 100%;
  }

  .home-test-heading {
    z-index: 30;
    max-width: 75%;
    font-size: 3rem;
    line-height: 50px;
    position: relative;
  }

  .navbar-1 {
    z-index: 10;
    border: 1px solid var(--black-40);
    border-radius: 5px;
    justify-content: space-between;
    padding: 20px;
  }

  .ami {
    width: 100px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .read-more-card-link {
    width: 200px;
    height: 300px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .read-more-slider {
    width: 100vw;
    height: 400px;
  }

  .blog-end-slide {
    padding-left: 0;
    padding-right: 0;
  }

  .read-more-mask {
    width: 100vw;
  }

  .read-more-slide-wrapper {
    align-items: flex-start;
    width: 100vw;
    height: 30vh;
  }

  .home-hero-span {
    font-size: 15vw;
  }

  .copyright {
    display: block;
  }

  .dimension-holder {
    justify-content: space-around;
  }

  .white-form-text-2 {
    margin-top: 0;
  }

  .white-form-text-1 {
    font-size: 50px;
  }

  .white-form-div {
    width: auto;
    margin-top: 20px;
  }

  .white-form-text-3 {
    margin-top: 0;
    font-weight: 400;
  }

  .retaining-wall-calc-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
  }

  .form-policy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .organically-link {
    padding-left: 3px;
    padding-right: 3px;
  }

  .patio-calculator-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100vw;
  }

  .patio-sf-wrapper {
    justify-content: center;
    align-items: center;
  }

  .paver-adds {
    justify-content: space-around;
  }

  .paver-adds.show-desktop {
    display: none;
  }

  .paver-adds.show-ipad {
    margin-top: 20px;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    position: relative;
    top: auto;
  }

  .paver-flat-adds {
    width: 100vw;
    max-width: none;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .paver-flat-adds.hidden {
    flex-flow: row;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
  }

  .paver-form {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .paver-add-title {
    padding-left: 10px;
    font-size: 19px;
    font-weight: 700;
  }

  .paver-total {
    justify-content: center;
    align-items: center;
    height: 50%;
  }

  .calc-p {
    width: 75vw;
  }

  .paver-h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .calc-h4 {
    text-align: center;
    width: 100vw;
    padding: 20px 10px 10px;
    font-size: 32px;
    position: relative;
    inset: 0% 0% auto;
  }

  .calc-h4.white-wall-ipad {
    box-sizing: content-box;
    color: var(--white);
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    display: none;
    position: absolute;
    left: 0%;
    right: 0%;
  }

  .calculator-total-title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 22px;
  }

  .mobile-radio-button-holder {
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .wall-left-dimensions {
    background-color: #fafafa00;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .wall-left-dimensions.show-desktop {
    display: none;
  }

  .wall-left-dimensions.wall-show-ipad {
    background-color: #ededed;
    flex-flow: row;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .hero-arrow {
    display: none;
  }

  .hero-video {
    z-index: 10;
    max-height: 300px;
  }

  .h1 {
    font-size: 3rem;
    line-height: 3.25rem;
  }

  .h1.home-h1 {
    line-height: 1.2;
  }

  .h1.calculator-h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .h1.blog-template {
    text-align: center;
    min-width: auto;
  }

  .hero-intro-viewer {
    height: 35%;
    display: none;
  }

  .hero-intro-mover {
    display: none;
  }

  .home-hero-branch {
    width: 350px;
  }

  .home-hero-branch.right {
    width: 150px;
    top: 98%;
  }

  .p1.center-mobile {
    text-align: center;
  }

  .p1.max-75, .div-vert-left-50 {
    max-width: none;
  }

  .div-vert-left-50.home-test-div-1 {
    width: 50%;
  }

  .h2.small-jobs-h2 {
    font-size: 40px;
  }

  .h2.large-jobs {
    text-align: center;
  }

  .h2.h2-home {
    color: var(--black-90);
    text-shadow: none;
    line-height: 6rem;
  }

  .h2.h2-home.show-desktop {
    display: none;
  }

  .h2.h2-home.show-mobile {
    display: block;
  }

  .h2.home {
    font-size: 10rem;
  }

  .nav-link.contact {
    display: none;
  }

  .h3 {
    font-size: 3rem;
    line-height: 3.25rem;
  }

  .nav-number {
    display: none;
  }

  .swiper-slide {
    width: 40vw;
  }

  .eastern-redbud {
    z-index: 1;
    top: 5%;
    left: auto;
    right: 0;
    transform: rotateX(-180deg)rotateY(0)rotateZ(-180deg);
  }

  .div-wide.right.vert-mobile {
    justify-content: flex-start;
    align-items: center;
  }

  .home-form-image {
    width: 100%;
    display: none;
  }

  .h4.home-h4 {
    display: none;
  }

  .h4.all-services {
    font-size: 4vw;
  }

  .h4.form-h4-mobile {
    font-size: 4.9rem;
    display: flex;
  }

  .h4.home-h4 {
    font-size: 3rem;
    line-height: 3.25rem;
    display: flex;
  }

  .horizontal-service-description {
    font-size: 14px;
  }

  .horizontal-service-description:hover {
    border-style: none;
    transform: none;
  }

  .home-parallax-image.home-parallax-image-2 {
    width: 40vw;
    top: 74vh;
    right: 394px;
  }

  .home-parallax-image.home-parallax-image-3 {
    width: 40vw;
    top: 109.5vh;
    left: 46.5vw;
  }

  .home-parallax-image.home-parallax-image-4 {
    width: 32vw;
    right: 10px;
  }

  .home-parallax-image.home-parallax-image-5 {
    width: 40vw;
    right: 20px;
  }

  .home-parallax-image.home-parallax-image-1 {
    width: 45vw;
  }

  .home-parallax-image.home-parallax-image-6 {
    width: 50vw;
  }

  .home-parallax-image.home-parallax-image-7 {
    width: 50vw;
    bottom: 17%;
  }

  .home-parallax-image.home-parallax-image-9 {
    width: 50vw;
    left: 0;
  }

  .home-blog-heading-div {
    max-width: 70vw;
  }

  .home-blog-slide.home-blog-div {
    padding: 20px;
  }

  .home-blog-slide.home-blog-div:hover {
    transform: none;
    box-shadow: 2px 2px #000;
  }

  .home-blog-slide.home-blog-div.home-mulch-slide {
    transition: none;
  }

  .home-blog-slide.home-blog-div.home-mulch-slide:hover {
    background-image: linear-gradient(to bottom, var(--cream), var(--cream));
    color: var(--black);
    background-position: 0 0;
  }

  .home-blog-slide.home-blog-div.home-border-slide {
    transition: none;
  }

  .home-blog-slide.home-blog-div.home-border-slide:hover {
    background-image: linear-gradient(to bottom, var(--cream), var(--cream));
    color: var(--black);
    background-position: 0 0;
  }

  .home-blog-slide.home-blog-div.home-wall-calc {
    transition: none;
  }

  .home-blog-slide.home-blog-div.home-wall-calc:hover {
    background-image: linear-gradient(to bottom, var(--cream), var(--cream));
    color: var(--black);
    background-position: 0 0;
  }

  .home-blog-slide.home-blog-div.home-native-trees {
    transition: none;
  }

  .home-blog-slide.home-blog-div.home-native-trees:hover {
    background-image: linear-gradient(to bottom, var(--cream), var(--cream));
    color: var(--black);
    background-position: 0 0;
  }

  .blog-slider-title {
    line-height: 1.75rem;
  }

  .small-brick-holder {
    margin-left: 70vw;
  }

  .nav-link-2-0.contact {
    display: none;
  }

  .home-blogs {
    width: 400vw;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
  }

  .service-button-holder {
    width: auto;
  }

  .button-1-green {
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }

  .button-1-green:hover {
    border-color: var(--black);
    background-color: var(--qa-green);
    color: var(--white);
  }

  .button-1-green.nav-button {
    text-align: center;
    border-style: none;
    justify-content: center;
    margin: 0;
  }

  .button-1-green.nav-button:hover {
    background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
    box-shadow: none;
    color: #fff;
    transform: none;
  }

  .button-1-green.form-white {
    font-size: 18px;
  }

  .button-1-green.form-white:hover {
    background-color: var(--qa-green);
    transform: none;
    box-shadow: 7px 4px 5px -2px #00000080;
  }

  .button-1-green.home-hero-button:hover {
    color: var(--white);
  }

  .services-features-div {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .nav-menu {
    z-index: 20;
    box-sizing: content-box;
    border: 1px none var(--white);
    border-radius: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding: 15px;
    display: flex;
    position: relative;
  }

  .menu-line {
    border-radius: 7px;
    width: 75%;
    height: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .menu-line.top-line {
    border-radius: 2px;
  }

  .mobile-nav-menu {
    z-index: -1;
    background-color: var(--cream);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: -100vh;
    left: 0%;
    right: 0%;
  }

  .mobile-nav-link {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400;
  }

  .mobile-nav-logo {
    width: 390px;
  }

  .form-spacer-div {
    display: none;
  }

  .service-feature-illustration {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .fixed-feature-image {
    width: 100%;
    min-height: 350px;
  }

  .ticker {
    padding-right: 5vw;
    overflow: auto;
  }

  .home-form {
    justify-content: space-around;
    align-items: center;
    width: 90%;
  }

  .form-spacer {
    display: none;
  }

  .home-form-text {
    font-size: 28px;
    font-weight: 400;
  }

  .services-callout {
    align-items: flex-start;
  }

  .services-form-heading {
    font-size: 4rem;
  }

  .footer-split, .footer-split.footer-q {
    display: none;
  }

  .footer-form {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .button-2 {
    box-shadow: none;
    justify-content: center;
    align-items: center;
    font-size: 16px;
  }

  .button-2:hover {
    border-color: var(--black);
    background-color: var(--cream);
    color: var(--black);
  }

  .button-2.nav-button {
    text-align: center;
    border-style: none;
    justify-content: center;
    margin: 0;
    display: none;
  }

  .button-2.nav-button:hover {
    background-color: var(--new-green\<deleted\|variable-ee4cb340\>);
    box-shadow: none;
    color: #fff;
    transform: none;
  }

  .button-2.form-white {
    font-size: 18px;
  }

  .button-2.form-white:hover {
    background-color: var(--qa-green);
    transform: none;
    box-shadow: 7px 4px 5px -2px #00000080;
  }

  .button-2.home-hero-button:hover {
    color: var(--white);
  }

  .button-2.mobile-menu-button {
    margin-top: 20px;
  }

  .blog-template-content-wrapper {
    width: 90vw;
    margin-left: 0;
    margin-right: 0;
  }

  .premier-wrapper {
    flex-flow: column;
    min-height: 30vh;
  }

  .img-container {
    width: 80%;
    height: 50vh;
  }

  .mobile-footer-typemark {
    color: var(--white);
    margin-bottom: 20px;
    font-family: Pertili, sans-serif;
    font-size: 8rem;
    line-height: 9rem;
    display: flex;
  }

  .total-calc-div-etc {
    width: auto;
    margin-top: 10px;
  }

  .div {
    justify-content: space-around;
    width: 95%;
    display: flex;
  }

  .calculated-supply {
    background-color: #fafafa00;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .calculated-supply.show-desktop {
    display: none;
  }

  .calculated-supply.wall-show-ipad {
    background-color: #ededed;
    flex-flow: row;
    width: 100vw;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .checkmark-div {
    text-align: center;
    font-size: .8rem;
    line-height: .9rem;
  }

  .check-icon {
    width: 20px;
  }

  .checkmark-text {
    margin-right: 10px;
  }

  .blog-hero-bottomright {
    width: 75vw;
    margin-top: 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .btm-right-content {
    width: 75vw;
    margin-top: 40px;
    position: relative;
    bottom: 0%;
  }

  .btm-right-content.venetia {
    border-style: none;
    width: 90vw;
    position: absolute;
  }

  .scrolling-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }

  .scrolling-home {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 40px;
  }

  .addons-heading {
    width: 75vw;
  }

  .blog-tile-wrapper {
    flex-flow: column;
    width: 100vw;
  }
}

@media screen and (max-width: 767px) {
  .hero-section.walls-hero {
    min-height: 40vh;
  }

  .hero-section.blog-template-hero {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .h1-home {
    font-size: 50px;
    font-style: normal;
  }

  .button-1 {
    z-index: 20;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 10px;
    font-size: 14px;
  }

  .button-1.nav-button {
    justify-content: center;
  }

  .button-1.employment-button {
    margin-left: 10px;
    margin-right: 0;
  }

  .button-1.home-hero-button {
    text-align: left;
    flex: none;
    margin-right: 20px;
    font-size: 18px;
  }

  .menu-button {
    color: #fff;
    right: 5%;
  }

  .h2-home {
    text-align: center;
  }

  .h2-home.home-concrete {
    font-size: 52px;
  }

  .section-3-tiles {
    border-radius: 0;
  }

  .home-h3 {
    text-align: center;
    width: auto;
  }

  .service-block.firepits-tile, .service-block.tree-tile, .service-block.decorative-stone-tile, .service-block.landscape-design-tile, .service-block.mulching-tile, .service-block.seasonal-tile, .service-block.french-drains-tile, .service-block.concrete-edging-tile, .service-block.lawn-install-tile {
    width: 50%;
  }

  .testimonial-section {
    justify-content: center;
    align-items: flex-start;
    margin-top: 10vh;
  }

  .horizontal-service-title {
    font-family: Montserrat, sans-serif;
  }

  .footer {
    flex-direction: column;
    align-items: center;
    width: 100vw;
  }

  .footer-brand {
    flex-direction: column;
    height: auto;
    margin-right: 0;
    padding: 20px 10px;
  }

  .footer-services {
    align-items: center;
    width: 50vw;
    height: auto;
    margin-top: 0;
    margin-right: 0;
  }

  .footer-heading {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 0;
    font-size: 32px;
  }

  .footer-heading.hide-mobile {
    display: none;
  }

  .footer-service {
    text-align: center;
  }

  .viz-div {
    width: 100vw;
  }

  .service-hero-div {
    padding-top: 0;
  }

  .universal-navigation {
    z-index: 5556;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link-2 {
    color: #000;
  }

  .home-nav-brand {
    width: 130px;
    padding-left: 0;
  }

  .home-nav-brand.w--current {
    opacity: .75;
    width: 90px;
  }

  .tile-wrapper {
    justify-content: center;
  }

  .tile-wrapper.filter-desktop {
    display: none;
  }

  .tile-wrapper.filter-mobile {
    display: flex;
  }

  .visualization-section {
    height: auto;
  }

  .services-h1 {
    font-size: 50px;
    line-height: 1.1;
  }

  .service-console-section {
    flex-direction: column;
    align-items: center;
  }

  .console-wrapper {
    z-index: 1;
    background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
    flex-direction: column;
    width: 100vw;
    height: 8vh;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .console-wrapper.new-console {
    display: none;
  }

  .console-item {
    padding: 5px 0;
    font-size: 16px;
  }

  .console-link, .console-link.solutions-link {
    display: none;
  }

  .console-link.solutions-link.w--current {
    width: 50vw;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .nav-menu-2 {
    z-index: 10;
    background-color: #fff;
  }

  .gallery-wrapper {
    width: auto;
  }

  .gallery-image {
    width: 90vw;
  }

  .content-wrapper-1 {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-wrapper-1.services {
    width: 100vw;
  }

  .service-heading {
    margin-top: 10px;
  }

  .service-heading.left-align {
    padding-left: 0;
    padding-right: 0;
  }

  .visualization-image-1, .visualization-image-2 {
    display: none;
  }

  .home-button-div {
    width: 80vw;
  }

  .secondary-button {
    transition: none;
  }

  .secondary-button:hover {
    color: #fff;
    background-color: #0000;
    border-style: solid;
    border-radius: 0;
  }

  .home-service-section-left {
    background-image: repeating-radial-gradient(circle, #fff, #0000), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  }

  .home-service-section-left.walls {
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-right {
    justify-content: center;
    padding-left: 0;
  }

  .home-service-section-right.patios {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-right.excavation {
    justify-content: center;
  }

  .form-section {
    flex-direction: column;
    justify-content: center;
  }

  .form-headings-div {
    width: 100vw;
    height: 50vh;
  }

  .form-1 {
    width: 100vw;
  }

  .field-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .form-div {
    flex-direction: column;
  }

  .form-number {
    width: 150px;
    font-size: 30px;
    line-height: 25px;
  }

  .tile-accent {
    width: 25px;
    height: 25px;
  }

  .horizontal-heading-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tile-heading {
    text-align: center;
    width: 400px;
    margin-top: 0;
  }

  .tile-heading-div-1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 75vw;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .tile-heading-div-1.filter {
    display: none;
  }

  .tile-heading-div-1.filter-to-mobile {
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }

  .tile-p2 {
    text-align: center;
    max-width: 100vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .tile-p2.left-mobile {
    text-align: left;
  }

  .premier-service-div {
    flex-direction: column;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .mobile-visualization {
    align-items: center;
    width: 100vw;
    display: flex;
  }

  .mobile-viz-image {
    width: 50vw;
  }

  .star {
    display: block;
  }

  .services-p1 {
    margin-bottom: 10px;
    font-weight: 400;
  }

  .services-h3 {
    font-size: 25px;
  }

  .service-button-div {
    width: auto;
  }

  .moonrise-medium-wrapper {
    justify-content: center;
    width: 100vw;
  }

  .moonrise-image {
    width: 30vw;
    margin-right: 10px;
  }

  .large-footer-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .medium-footer-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .vertical-tile-wrapper.filter-desktop {
    display: none;
  }

  .category-1 {
    width: 50%;
    height: 50vh;
  }

  .services-hero-2 {
    width: 75vw;
  }

  .services-h4 {
    text-align: center;
    font-size: 25px;
  }

  .feature-tile-1 {
    width: 50vw;
  }

  .feature-tile-wrapper {
    flex-direction: column;
    align-items: center;
    width: 75vw;
  }

  .slider-section {
    z-index: 0;
    height: 40vh;
    position: relative;
  }

  .div-of-the-slider, .slider-2 {
    height: 40vh;
  }

  .slider-q-a {
    width: 50vw;
  }

  .slider-instruction {
    font-size: 25px;
  }

  .viz-wrapper {
    height: 35vh;
    display: none;
  }

  .footer-logo {
    width: 60vw;
    margin-bottom: 0;
  }

  .footer-socials {
    flex-direction: row;
    align-items: center;
    height: 50px;
  }

  .footer-social-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .accent-top-right {
    width: 5vw;
    height: 5vh;
    display: none;
  }

  .accent-top-left {
    width: 5vw;
    height: 5vh;
  }

  .services-hero-logo {
    width: 250px;
  }

  .service-div {
    padding-left: 0;
    padding-right: 0;
  }

  .block-div {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  .service-pic {
    width: 90vw;
  }

  .services-p2 {
    margin-top: 5px;
  }

  .slider-logo {
    width: 250px;
  }

  .form-logo {
    width: 200px;
  }

  .text-block-2 {
    font-size: 20px;
  }

  .form-heading-1 {
    font-size: 3.4rem;
  }

  .footer-email {
    font-size: 18px;
  }

  .mobile-dropdown {
    font-family: Merriweather, serif;
    font-size: 18px;
    line-height: 25px;
    transition: all .4s;
    display: flex;
  }

  .mobile-dropdown.w--open {
    transition: transform .4s;
  }

  .dropdown-heading {
    z-index: 10;
    color: #000;
    align-items: center;
    font-weight: 700;
    display: flex;
    position: relative;
  }

  .dropdown-link {
    background-color: var(--random-gray-tile\<deleted\|variable-b7a3dfd2\>);
    font-family: Merriweather, serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }

  .dropdown-link.w--current {
    color: #000;
  }

  .dropdown-list-2 {
    margin-top: 75px;
  }

  .mobile-phone-image {
    position: relative;
  }

  .gallery-big-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .gal-1 {
    width: auto;
  }

  .employment-form {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }

  .job-p {
    padding-left: 10px;
  }

  .job-field {
    font-size: 12px;
  }

  .job-heading {
    padding-left: 10px;
  }

  .field-wrapper {
    width: 100vw;
  }

  .horizontal-gray-nav {
    display: flex;
  }

  .gn-container {
    width: auto;
  }

  .green-nav-link {
    flex: none;
  }

  .blog-subheading, .blog-h1 {
    width: auto;
  }

  .blog-h1.paver-h1 {
    font-size: 62px;
    line-height: 1.1;
  }

  .blog-date {
    max-width: none;
  }

  .blog-h2.centered {
    font-size: 28px;
    line-height: 32px;
  }

  .blog-p1 {
    width: auto;
    line-height: 1.5rem;
  }

  .blog-p1.blog-callout-2 {
    width: auto;
  }

  .callout-lightbulb {
    margin-left: 14px;
  }

  .callout-lightbulb.absolute {
    left: -1%;
  }

  .photo-attribution {
    text-align: center;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wide-image {
    border-radius: 0;
    width: 100vw;
  }

  .blog-big-wrapper {
    align-items: flex-start;
    width: 90vw;
  }

  .blog-card-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .blog-home-h1 {
    font-size: 42px;
  }

  .blog-home-h2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 28px;
  }

  .blog-home-wrapper {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .featured-blog-1 {
    width: 90vw;
  }

  .blog-home-h3 {
    font-size: 22px;
  }

  .titled-blogs {
    border-left-style: none;
  }

  .goldenrod-div-1 {
    width: 100vw;
  }

  .goldenrod-wrapper.cardinal {
    flex-direction: column;
    width: 100vw;
  }

  .half-paragraph {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cardinal-flower {
    width: 300px;
  }

  .blog-card-div {
    width: 75vw;
  }

  .blog-card-thumbnail {
    width: 400px;
  }

  .home-service-p.left {
    text-align: center;
    width: 75vw;
  }

  .form-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .field-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .field-2.left-margin-field {
    margin-left: 0;
  }

  .hero-div {
    align-items: center;
    width: 100vw;
  }

  .hero-div.hero-slide-div {
    background-image: linear-gradient(90deg, #0003 38%, #fff0);
    padding-left: 20px;
  }

  .gal-2 {
    width: auto;
  }

  .radio-field, .radio-field.show-ipad {
    width: 45vw;
  }

  .round-checkbox {
    width: 20px;
  }

  .field-label {
    padding-right: 0;
    font-size: 14px;
  }

  .field-label.radio-label {
    font-size: 14px;
  }

  .field-label.radio-label.paver-label {
    font-size: 18px;
  }

  .field-label.dimension-label {
    font-size: 22px;
  }

  .field-label.mobile-wall-metrics {
    padding-left: 5px;
    font-size: 12px;
  }

  .total-field {
    height: 40px;
  }

  .total-field.margin-top-16 {
    align-self: stretch;
    height: 60px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 6px;
    line-height: 60px;
  }

  .total-field.squarefeet {
    margin-left: 10px;
  }

  .total-field.squarefeet.green {
    max-width: 10rem;
  }

  .flex {
    align-items: flex-end;
    margin: 0 20px 20px;
  }

  .form-block {
    padding: 10px 0;
  }

  .form-block.square {
    box-shadow: none;
    border-radius: 0;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
  }

  .form-block.dimensions {
    padding: 20px;
  }

  .form-block.paver-total {
    height: 75px;
    padding: 10px 20px 0;
    left: 14%;
  }

  .form-block.green {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field.square {
    font-size: 14px;
  }

  .form-column {
    width: auto;
  }

  .dollar {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 60px;
  }

  .dollar.paver {
    margin-top: 0;
  }

  .calculator-form-block {
    width: 100vw;
  }

  .calculator-radio-span {
    font-size: 16px;
  }

  .total-calc-div.first {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .excav-button {
    transition: none;
  }

  .excav-button:hover {
    color: #fff;
    background-color: #0000;
    border-style: solid;
    border-radius: 0;
  }

  .socials-footer-bio {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .footer-bio {
    text-align: center;
    margin-top: 20px;
  }

  .blog-card-h4 {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .testimonials-hero {
    height: 40vh;
  }

  .testimonials-h1 {
    width: 100vw;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 32px;
    line-height: 42px;
  }

  .testimonial-bisection {
    align-items: center;
  }

  .project-showcase-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin-left: 0;
  }

  .project-showcase-content {
    width: 90vw;
    padding-left: 0;
    padding-right: 0;
  }

  .project-showcase-large-image.filter-test {
    display: none;
  }

  .testimonial-h2 {
    width: 90vw;
    line-height: 42px;
  }

  .testimonial-p1 {
    font-size: 16px;
  }

  .icon-test-holder {
    height: auto;
  }

  .home-review-card {
    border-width: 1px;
  }

  .top-horizontal-marquee {
    margin-top: 10vh;
    overflow: auto;
  }

  .bottom-horizontal-marquee {
    display: none;
  }

  .blog-author-date {
    max-width: none;
  }

  .calculator-top-row {
    justify-content: center;
  }

  .radio-button-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  .radio-description {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .blog-author-photo {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .testimonial-page-photo-slider.filter-1 {
    display: none;
  }

  .testimonial-page-photo-slider.filter-0 {
    display: flex;
  }

  .test-page-slide, .test-page-slide.tp-slide-1 {
    width: 100%;
    margin-right: 0;
  }

  .test-page-slide.filter-test-0 {
    background-image: url('../images/Tony-B-6.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .test-page-slide.ted-slide-0 {
    background-image: url('../images/Ted-1.JPG');
    background-position: 50%;
    background-size: cover;
  }

  .test-page-mask-1 {
    width: 90vw;
  }

  .tp-slider-arrow.left {
    left: -25px;
  }

  .tp-slider-arrow.right {
    left: 25px;
  }

  .home-test-heading {
    max-width: none;
    margin-top: 0;
    font-size: 8vw;
  }

  .navbar-1 {
    height: 100%;
  }

  .as-mentioned-in {
    font-size: 14px;
  }

  .ami {
    width: 75px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .callout-exclamation {
    left: 3%;
  }

  .blog-h5 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .blog-end-slide {
    width: 250px;
  }

  .read-more-mask {
    width: 225px;
  }

  .blog-resource {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 300;
  }

  .copyright {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .instagram-heading {
    font-size: 28px;
  }

  .white-form-text-1 {
    width: 450px;
    font-size: 62px;
  }

  .white-form-text-3 {
    font-size: 24px;
  }

  .privacy-p {
    width: 90vw;
  }

  .privacy-heading {
    width: 90vw;
    font-size: 18px;
  }

  .privacy-heading.big {
    font-size: 22px;
  }

  .privacy-heading.big.biggest {
    font-size: 24px;
  }

  .form-policy {
    padding-left: 5px;
    padding-right: 0;
    line-height: 1.3;
  }

  .patio-sf-wrapper {
    justify-content: center;
  }

  .patio-sf-field {
    width: auto;
  }

  .paver-total {
    margin-bottom: 5px;
  }

  .calc-p {
    font-weight: 300;
  }

  .paver-h2 {
    font-size: 45px;
  }

  .calc-h4 {
    font-size: 28px;
  }

  .calculator-total-title {
    margin-top: 5px;
    font-size: 20px;
  }

  .hero-video {
    max-height: 250px;
  }

  .home-hero-branch {
    width: 260px;
    top: 15%;
  }

  .home-hero-branch.right {
    display: block;
  }

  .section.home-blog-section {
    min-height: 70vh;
    padding-left: 0;
  }

  .section.id-home {
    flex-flow: column;
    width: 100%;
    min-height: 50vh;
    padding-right: 0;
  }

  .section.small-jobs-section {
    flex-flow: column;
    width: 100%;
    min-height: 50vh;
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .p1.white.absolute-top-left {
    text-align: center;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    top: auto;
    left: auto;
  }

  .div-vert-left-50 {
    max-width: none;
  }

  .div-vert-left-50.home-test-div-1 {
    margin-top: 5vh;
    margin-left: 5vw;
  }

  .div-vert-left-50.small-jobs {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .div-vert-left-50.small-jobs.desktop {
    display: flex;
  }

  .div-vert-left-50.small-jobs.mobile {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-vert-left-50.small-jobs.mobile-small-jobs {
    margin-bottom: 5vh;
    display: flex;
  }

  .div-vert-left-50.desktop-small-jobs {
    display: none;
  }

  .div-vert-left-50.home-id-div {
    padding-right: 5vw;
  }

  .div-vert-left-50.max-100vw {
    margin-top: 40px;
  }

  .id-media {
    display: none;
  }

  .id-media.mobile {
    width: 100%;
    margin-right: 0;
    display: block;
  }

  .h2.small-jobs-h2 {
    font-size: 30px;
  }

  .h3.small-jobs-h3 {
    font-size: 7vw;
  }

  .swiper-slide {
    width: 290px;
  }

  .div-wide.right.vert-mobile {
    min-height: auto;
  }

  .swiper.swiper-cards {
    width: 75vw;
  }

  .bottom-ticker {
    justify-content: flex-start;
    align-items: stretch;
  }

  .home-form-image {
    display: none;
  }

  .h4.home-h4 {
    margin-bottom: 0;
  }

  .h4.home-instagram {
    margin-bottom: 5vh;
    font-size: 5vw;
  }

  .home-parallax-image.home-parallax-image-2 {
    width: 60vw;
    top: 75vh;
    left: 5px;
    right: auto;
  }

  .home-parallax-image.home-parallax-image-3 {
    width: 50vw;
    top: 127.8vh;
    left: 0;
  }

  .home-parallax-image.home-parallax-image-4 {
    width: 40vw;
    top: 50vh;
    right: 0;
  }

  .home-parallax-image.home-parallax-image-5 {
    width: 40vw;
    top: 98%;
    right: 0;
  }

  .home-parallax-image.home-parallax-image-1 {
    top: 40vh;
    left: 0;
  }

  .home-parallax-image.home-parallax-image-6 {
    width: 50vw;
    left: auto;
    right: 0;
  }

  .home-parallax-image.home-parallax-image-7 {
    width: 60vw;
    bottom: 12%;
  }

  .home-parallax-image.home-parallax-image-9 {
    width: 50vw;
    top: 171.4vh;
  }

  .brick-holder {
    min-height: 30vh;
  }

  .brick {
    height: 100px;
  }

  .home-blog-heading-div {
    height: 40vh;
  }

  .home-brand {
    width: 17vw;
  }

  .home-blog-slide.home-blog-div {
    width: 80vw;
    min-height: auto;
  }

  .blog-slider-title {
    font-size: 5vw;
  }

  .home-blogs {
    max-height: 300px;
    padding-left: 5vw;
  }

  .button-1-green {
    padding: 10px;
    font-size: 14px;
  }

  .button-1-green.nav-button {
    justify-content: center;
  }

  .button-1-green.employment-button {
    margin-left: 10px;
    margin-right: 0;
  }

  .button-1-green.home-hero-button {
    text-align: left;
    flex: none;
    margin-right: 20px;
    font-size: 18px;
  }

  .p1-center {
    max-width: 90%;
  }

  .nav-menu {
    flex: none;
  }

  .mobile-nav-logo {
    width: 350px;
  }

  .home-ticker {
    height: auto;
  }

  .ticker-gradient {
    width: 100px;
  }

  .home-form {
    padding-left: 0;
    padding-right: 0;
  }

  .home-form-text {
    font-size: 24px;
  }

  .services-callout {
    width: 90%;
  }

  .services-form-heading {
    font-size: 3.4rem;
  }

  .footer-form {
    justify-content: center;
    align-items: center;
  }

  .button-2 {
    z-index: 20;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 10px;
    font-size: 14px;
  }

  .button-2.nav-button {
    justify-content: center;
  }

  .button-2.employment-button {
    margin-left: 10px;
    margin-right: 0;
  }

  .button-2.home-hero-button {
    text-align: left;
    flex: none;
    margin-right: 20px;
    font-size: 18px;
  }

  .blog-template-content-wrapper {
    align-items: flex-start;
    width: 95%;
  }

  ._100 {
    display: none;
  }

  ._100.mobile {
    width: 100%;
    margin-right: 0;
    display: block;
  }

  .ticker-gradient-left {
    width: 100px;
  }

  .total-calc-div-etc.first {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
  }

  .addons-heading {
    font-weight: 300;
  }

  .misc-blogs {
    border-left-style: none;
    width: 90vw;
  }

  .blog-tile-wrapper {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 3rem;
    line-height: 3.25rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .hero-section {
    width: auto;
  }

  .hero-section.concrete-borders-hero {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .hero-section.tree-removal-hero {
    height: 50vh;
    min-height: auto;
  }

  .hero-section.home-hero {
    min-height: 40vh;
    margin-top: 15vh;
  }

  .hero-section.boulder-hero {
    min-height: 50vh;
  }

  .hero-section.peters-hero {
    padding-bottom: 15vh;
  }

  .hero-section.calculator-hero {
    min-height: 30vh;
  }

  .hero-section.walls-hero {
    min-height: 80vh;
  }

  .hero-section.rock-blog-hero {
    height: 50vh;
  }

  .hero-section.gallery-hero-section {
    min-height: 40vh;
  }

  .hero-section.blog-home {
    padding-left: 5px;
    padding-right: 5px;
  }

  .h1-home {
    margin-top: 10px;
    padding-right: 20px;
    font-size: 11vw;
  }

  .hero-subheading {
    font-size: 21px;
  }

  .button-1 {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }

  .button-1.button-1-5 {
    font-size: 12px;
  }

  .button-1.nav-button:hover {
    box-shadow: none;
    transform: none;
  }

  .menu-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .menu-button.w--open {
    width: 50px;
    height: 50px;
    padding: 0;
  }

  .h2-home {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 50px;
    line-height: 50px;
  }

  .h2-home.home-excavation {
    font-size: 42px;
    line-height: 48px;
  }

  .h2-home.home-concrete {
    font-size: 42px;
    line-height: 50px;
  }

  .h2-home.home-plants {
    font-size: 42px;
    line-height: 46px;
  }

  .home-h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .testimonial-section {
    margin-top: 0;
  }

  .horizontal-service-title {
    text-align: left;
    max-width: 200px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
  }

  .footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .footer-brand {
    width: 100vw;
    margin-bottom: 0;
    margin-right: 0;
  }

  .footer-services {
    align-items: center;
    width: 75vw;
  }

  .footer-heading {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 0;
    font-size: 25px;
  }

  .footer-service {
    text-align: center;
  }

  .viz-div {
    align-items: flex-start;
    height: auto;
    position: relative;
  }

  .service-hero-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .universal-navigation {
    background-color: var(--cream-50);
    justify-content: center;
    height: 8vh;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-2 {
    color: #000;
    text-align: center;
    background-color: #fff;
  }

  .home-nav-brand {
    width: 80px;
    margin-left: 0;
    margin-right: 0;
  }

  .home-nav-brand.w--current {
    width: 75px;
    padding-left: 0;
    left: 3%;
  }

  .services-h1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 40px;
  }

  .service-console-section {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .console-wrapper {
    flex-direction: column;
    height: 8vh;
  }

  .console-link {
    padding-right: 0;
  }

  .console-link.solutions-link.w--current {
    display: none;
  }

  .nav-menu-2 {
    background-color: #fff;
  }

  .gallery-wrapper {
    display: none;
  }

  .gallery-image {
    padding-right: 0;
  }

  .content-wrapper-1 {
    padding: 0;
  }

  .service-heading {
    border-bottom-style: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 32px;
  }

  .service-heading.left-align {
    padding-left: 0;
    padding-right: 0;
  }

  .location-link {
    font-size: 16px;
  }

  .home-button-div {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .secondary-button {
    justify-content: center;
    align-items: center;
    padding: 5px;
    font-size: 12px;
    display: flex;
  }

  .secondary-button.category-button {
    font-size: 10px;
  }

  .home-service-section-left {
    padding-left: 0;
  }

  .home-service-section-left.walls {
    background-image: linear-gradient(#00000054, #00000054), url('../images/wall-1.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .home-service-section-left.plants {
    align-items: center;
    padding-left: 0;
  }

  .home-service-section-left.concrete {
    background-position: 90%;
    align-items: center;
  }

  .home-service-section-right {
    background-image: linear-gradient(#00000080, #00000080), url('../images/plants-1.JPG');
    background-position: 0 0, 50% 60%;
    background-size: auto, cover;
    height: 50vh;
  }

  .home-service-section-right.excavation {
    background-position: 0%;
  }

  .form-section {
    color: #fff;
    border: 1px solid #000;
    flex-direction: column;
    height: auto;
  }

  .form-headings-div {
    margin-top: 0;
  }

  .form-1 {
    width: 100vw;
    height: auto;
  }

  .field-1.name {
    margin-left: 0;
  }

  .form-number {
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
    display: flex;
  }

  .horizontal-heading-wrapper {
    padding-top: 20px;
  }

  .tile-heading {
    text-align: center;
    width: auto;
    font-size: 42px;
    line-height: 50px;
  }

  .tile-heading-div-1.filter-to-mobile {
    margin-top: 20px;
  }

  .tile-p2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .right-arrow, .left-arrow {
    width: 40px;
    display: flex;
  }

  .premier-service-div {
    margin-bottom: 40px;
    padding: 10px;
  }

  .services-p1 {
    width: 95%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
  }

  .services-h3 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    line-height: 25px;
  }

  .service-button-div {
    flex: 0 auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .moonrise-image {
    display: none;
  }

  .service-bullet-holder {
    width: 90vw;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav-hamburger {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-hamburger.testimonial {
    color: #000;
  }

  .medium-footer-div {
    width: 50vw;
  }

  .category-text {
    font-size: 14px;
  }

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

  .services-h4 {
    text-align: center;
  }

  .feature-tile-1 {
    background-color: #f0f0f0;
    width: 80vw;
  }

  .feature-tile-wrapper {
    width: 100vw;
  }

  .slider-section {
    z-index: 0;
    height: 30vh;
    position: relative;
  }

  .div-of-the-slider {
    height: 30vh;
  }

  .div-of-the-slider.snow-3 {
    background-size: cover;
  }

  .slider-2 {
    height: 30vh;
  }

  .slider-instruction {
    text-align: center;
    font-size: 18px;
  }

  .viz-wrapper {
    height: auto;
  }

  .footer-logo {
    width: 75vw;
  }

  .footer-socials {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }

  .footer-social-image {
    width: 40px;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-social-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .accent-top-left {
    display: none;
  }

  .services-hero-logo {
    width: 250px;
  }

  .service-div, .service-pic {
    width: 100vw;
  }

  .service-pic.smaller-service-pic {
    width: 100%;
  }

  .services-p2 {
    font-size: 16px;
  }

  .slider-logo {
    width: 200px;
  }

  .form-logo {
    width: 200px;
    display: block;
  }

  .text-block-2 {
    font-size: 18px;
  }

  .atilde.dark {
    padding-bottom: 0;
  }

  .form-heading-1 {
    font-size: 10vw;
  }

  .footer-email {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-dropdown.w--open {
    height: auto;
    margin-top: 0;
    transition-property: all;
  }

  .dropdown-link {
    color: var(--green-type\<deleted\|variable-890e84d4\>);
  }

  .dropdown-link.w--current {
    color: var(--green-type\<deleted\|variable-890e84d4\>);
    text-decoration: underline;
  }

  .dropdown-list-2.w--open {
    left: -18px;
  }

  .compaction-image {
    width: 200px;
  }

  .mobile-phone-link {
    z-index: 40;
  }

  .mobile-phone-image {
    width: 40px;
  }

  .gal-1 {
    width: auto;
  }

  .employment-form {
    padding-left: 0;
    padding-right: 0;
  }

  .job-p {
    color: #0009;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
  }

  .job-heading, .job-field-label {
    padding-left: 10px;
  }

  .field-wrapper {
    width: 100vw;
  }

  .field-wrapper.employment-field {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .horizontal-gray-nav {
    height: 25px;
  }

  .horizontal-gray-nav.mobile {
    display: flex;
    position: sticky;
    top: 11vh;
  }

  .green-nav-link {
    color: var(--black-75);
    text-shadow: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-hero-div {
    padding: 0 10px;
  }

  .blog-h1 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .blog-h1.paver-h1 {
    font-size: 50px;
  }

  .blog-date {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-p1 {
    color: var(--black-60);
    padding-left: 0;
    padding-right: 0;
  }

  .blog-p1.blog-callout-2 {
    padding: 10px 20px;
  }

  .blog-p1.first-line {
    font-size: 16px;
  }

  .photo-attribution {
    font-size: 12px;
  }

  .wide-image {
    margin-bottom: 10px;
  }

  .blog-big-wrapper {
    width: 90vw;
  }

  .blog-card-wrapper {
    flex-direction: column;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-home-hero {
    height: 50vh;
  }

  .blog-home-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .featured-blog-1 {
    width: 100vw;
  }

  .blog-home-h3 {
    text-align: left;
    font-size: 18px;
    line-height: 25px;
  }

  .blog-description {
    font-weight: 300;
  }

  .back-to-blog {
    padding: 5px 10px;
    font-size: 15px;
  }

  .blog-h3 {
    padding-left: 0;
    padding-right: 0;
  }

  .cardinal-flower {
    width: 60vw;
  }

  .blog-end-slider {
    height: auto;
  }

  .blog-card-div {
    width: 90vw;
  }

  .blog-card-thumbnail {
    margin-top: 20px;
  }

  .read-more-heading {
    text-align: center;
    width: 100vw;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
  }

  .blog-home-link-block {
    margin-top: 20px;
  }

  .home-service-p.left {
    width: 85vw;
  }

  .lz-h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .lz-sh {
    font-size: 18px;
  }

  .service-slider {
    height: 200px;
  }

  .slider-2-arrow {
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
  }

  .slider-2-arrow.slider-2-right-arrow {
    margin-left: 10px;
  }

  .form-wrapper {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .field-2.dropdown {
    border-radius: 0;
  }

  .hero-div.hero-slide-div {
    width: auto;
  }

  .gal-2 {
    width: auto;
    margin-left: 0;
  }

  .radio-field {
    background-color: #ebebeb;
    width: 40vw;
    padding: 20px 10px;
  }

  .radio-field.show-ipad {
    width: 40vw;
  }

  .field-label {
    text-align: center;
    font-size: .9rem;
  }

  .field-label.radio-label.paver-label {
    font-weight: 300;
  }

  .field-label._20left {
    margin-left: 0;
  }

  .total-field.margin-top-16 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .total-field.margin-top-16.margin-mobile-0 {
    margin-top: 0;
  }

  .total-field.squarefeet {
    width: 50px;
    height: 50px;
    margin-left: 0;
    font-size: .75rem;
    line-height: 1rem;
  }

  .total-field.squarefeet.green {
    width: 50px;
    height: 50px;
  }

  .counter-wrapper.paver {
    width: 100vw;
  }

  .form-block.square, .form-block.dimensions {
    padding: 0;
  }

  .form-block.patio-sq-block {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-block.paver-total {
    width: 75vw;
    left: 14%;
  }

  .form-block.paver-access {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .form-block.paver-access.middle-access {
    border-left-style: none;
    border-right-style: none;
  }

  .form-block.green {
    width: 80vw;
  }

  .text-field {
    max-width: 5rem;
  }

  .text-field.square {
    width: 50px;
    height: 50px;
    font-size: 12px;
  }

  .form {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .dollar.paver {
    margin-right: 5px;
  }

  .calculator-radio-span {
    font-size: 18px;
  }

  .excavation-home {
    padding-left: 0;
  }

  .excav-button {
    justify-content: center;
    align-items: center;
    padding: 5px;
    font-size: 12px;
    display: flex;
  }

  .socials-footer-bio {
    flex-direction: column;
    max-width: 100%;
    height: auto;
  }

  .footer-bio {
    text-align: center;
    width: auto;
    max-width: none;
    margin-left: 0;
  }

  .blog-card-h4 {
    font-size: 18px;
    line-height: 22px;
  }

  .testimonials-hero {
    height: auto;
    min-height: 75vh;
  }

  .testimonials-h1 {
    line-height: 38px;
  }

  .project-showcase-image-wrapper {
    width: 100vw;
    margin-left: 0;
  }

  .project-showcase-content {
    flex-direction: column;
    align-items: flex-start;
    width: 100vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .testimonial-h2 {
    padding-left: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .testimonial-p1 {
    padding-left: 20px;
    font-size: 14px;
  }

  .testimonial-text-link {
    width: 90vw;
    padding-left: 20px;
  }

  .testimonial-h3 {
    width: 90%;
    padding-left: 20px;
  }

  .testimonial-p2 {
    color: #000000ad;
    padding-left: 20px;
    font-size: 14px;
  }

  .icon-test-holder {
    width: 90vw;
    margin-left: 0;
    padding-left: 20px;
  }

  .test-icon-1 {
    margin-left: 0;
  }

  .test-icon-1.test-patio-icon {
    width: 50px;
    height: auto;
  }

  .test-icon-text {
    font-size: 14px;
  }

  .test-subheading {
    font-size: 22px;
    line-height: 28px;
  }

  .home-review-card {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 30vw;
    max-width: 90vw;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
    position: relative;
  }

  .home-review-card.hide-mobile-testimonial {
    display: none;
  }

  .home-review {
    font-size: 14px;
    line-height: 1.4;
  }

  .home-review-name {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.2;
  }

  .testimonial-page-5-star {
    margin-left: 20px;
  }

  .top-horizontal-marquee {
    flex: 1;
    align-items: stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5vw;
  }

  .home-5-star {
    width: 150px;
    margin-top: 10px;
  }

  .blog-author-date {
    width: 200px;
  }

  .calculator-top-row {
    flex-flow: column;
    align-items: center;
  }

  .access-wrapper {
    flex-flow: column;
  }

  .radio-description {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 16px;
  }

  .blog-author-photo {
    width: 40px;
    height: 40px;
  }

  .blog-author-div {
    flex-flow: row;
  }

  .testimonial-page-photo-slider.filter-0 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tp-slider-arrow.left {
    left: 8px;
  }

  .tp-slider-arrow.right {
    left: -7px;
  }

  .home-test-heading {
    margin-bottom: 0;
    font-size: 8vw;
    line-height: 50px;
  }

  .navbar-1 {
    flex-direction: row;
    min-width: 80vw;
    padding: 0 5vw;
  }

  .ami {
    width: 60px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .blog-h5 {
    font-size: 18px;
    line-height: 22px;
  }

  .home-hero-span {
    font-size: 100px;
  }

  .copyright {
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 1.2;
    display: block;
  }

  .dimension-holder {
    justify-content: space-around;
    align-items: flex-start;
  }

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

  .white-form-text-1 {
    width: 325px;
    font-size: 32px;
  }

  .white-form-text-3 {
    margin-top: 10px;
    font-size: 18px;
  }

  .retaining-wall-calc-wrapper {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  .form-policy {
    font-size: 13px;
  }

  .organically-link {
    padding-left: 3px;
    padding-right: 3px;
  }

  .patio-calculator-wrapper {
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
  }

  .patio-sf-wrapper {
    flex-flow: column;
    align-items: center;
    width: 100vw;
  }

  .patio-sf-field {
    width: 75vw;
    font-size: 1.25rem;
  }

  .paver-adds {
    flex-flow: column;
    align-items: center;
  }

  .paver-flat-adds {
    flex-flow: wrap;
    align-items: center;
  }

  .paver-total {
    justify-content: flex-start;
    align-items: center;
  }

  .calc-p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2;
  }

  .calc-p.small {
    font-size: 12px;
  }

  .paver-h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .calc-h4 {
    font-size: 1rem;
  }

  .calc-h4.white-wall-ipad {
    font-size: 16px;
  }

  .calculator-total-title {
    font-size: 17px;
  }

  .calculator-total-title.wall {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .wall-left-dimensions {
    flex-flow: column;
    align-items: center;
  }

  .wall-left-dimensions.wall-show-ipad {
    flex-flow: wrap;
  }

  .form-page-section {
    width: 100vw;
  }

  .hero-video {
    max-height: 200px;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }

  .h1.home-h1 {
    line-height: 1.3;
  }

  .h1.calculator-h1 {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .home-hero-branch {
    width: 170px;
    top: 5%;
  }

  .home-hero-branch.right {
    width: 140px;
    display: block;
  }

  .h1-after-effect {
    justify-content: center;
    align-items: flex-start;
  }

  .section.horiz {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 50vh;
  }

  .section.smooth-wrapper {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .section.parallax-home {
    padding-top: 0;
  }

  .section.id-home {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 15vh;
    margin-bottom: 10vh;
    padding-left: 0;
    padding-right: 0;
  }

  .section.small-jobs-section {
    flex-flow: column;
    justify-content: space-around;
    padding-right: 0;
  }

  .p1 {
    max-width: none;
    line-height: 1.3;
  }

  .p1.white.absolute-top-left {
    text-align: center;
    max-width: none;
    position: relative;
    top: 0%;
    left: 0%;
  }

  .p1.center-mobile {
    text-align: center;
  }

  .div-vert-left-50 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-vert-left-50.home-test-div-1 {
    width: 90%;
    max-width: none;
  }

  .div-vert-left-50.small-jobs {
    justify-content: center;
    align-items: center;
    display: none;
  }

  .div-vert-left-50.small-jobs.mobile-small-jobs {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-vert-left-50.home-id-div {
    padding-bottom: 20px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .id-media {
    display: none;
  }

  .id-media.mobile {
    display: block;
  }

  .h2 {
    font-size: 2rem;
  }

  .h2.small-jobs-h2 {
    flex: none;
    font-size: 23px;
  }

  .h2.large-jobs {
    text-align: center;
  }

  .h2.h2-home {
    font-size: 2rem;
  }

  .h2.home {
    font-size: 5rem;
  }

  .h3.small-jobs-h3 {
    text-align: left;
    font-size: 7vw;
  }

  .h3.massive-jobs {
    text-align: center;
    font-size: 12vw;
  }

  .nav-number {
    display: none;
  }

  .massive-jobs-pic {
    margin-bottom: 40px;
  }

  .swiper-slide {
    object-fit: cover;
    width: 80vw;
  }

  .eastern-redbud {
    top: 27%;
  }

  .swiper.swiper-cards {
    min-height: auto;
  }

  .bottom-ticker {
    align-items: stretch;
  }

  .h4.home-gallery {
    color: var(--cream);
    font-size: 7vw;
    font-weight: 400;
    top: 50vh;
  }

  .h4.home-instagram {
    font-size: 8vw;
  }

  .h4.form-h4-mobile {
    font-size: 11vw;
  }

  .h4.home-h4 {
    padding-left: 0;
    padding-right: 0;
  }

  .horizontal-service-description {
    max-width: 200px;
    font-size: 12px;
  }

  .hover-image {
    display: none;
  }

  .home-parallax-image.home-parallax-image-2 {
    top: 91.1vh;
  }

  .home-parallax-image.home-parallax-image-3 {
    top: 144.8vh;
    left: 46.5vw;
  }

  .home-parallax-image.home-parallax-image-4 {
    width: 60vw;
  }

  .home-parallax-image.home-parallax-image-5 {
    top: 94%;
  }

  .home-parallax-image.home-parallax-image-1 {
    width: 75vw;
    top: 32.5vh;
  }

  .home-parallax-image.home-parallax-image-6 {
    top: 54%;
  }

  .home-parallax-image.home-parallax-image-7 {
    bottom: 25%;
    right: 51%;
  }

  .home-parallax-image.home-parallax-image-9 {
    top: 195.8vh;
    left: 6vw;
  }

  .brick-holder {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .home-blog-heading-div {
    width: auto;
    max-width: 90vw;
    height: 30vh;
    right: 0;
  }

  .h6 {
    font-size: 9vw;
  }

  .home-brand-holder {
    justify-content: center;
    align-items: center;
  }

  .home-brand {
    width: 23vw;
    margin-left: 10px;
    margin-right: 10px;
  }

  .home-blog-slide.home-blog-div {
    width: 80vw;
    min-height: auto;
  }

  .home-blog-slide.home-blog-div.home-border-slide {
    min-height: auto;
    padding: 20px;
  }

  .blog-slider-title {
    font-size: 5vw;
  }

  .small-brick-holder {
    margin-left: 67vw;
    display: none;
  }

  .button-1-green {
    text-align: center;
    margin-right: 10px;
    padding: 8px 12px;
    font-size: 14px;
  }

  .button-1-green.button-1-5 {
    font-size: 12px;
  }

  .button-1-green.nav-button:hover {
    box-shadow: none;
    transform: none;
  }

  .button-1-green.margin-20-left {
    flex: 0 auto;
    margin-left: 10px;
    margin-right: 0;
  }

  .p1-center.max-75 {
    max-width: 90%;
    font-size: 16px;
  }

  .nav-menu {
    padding: 10px;
  }

  .menu-line {
    flex: 0 auto;
  }

  .mobile-nav-logo {
    width: 300px;
  }

  .p1-left-align {
    font-size: 16px;
  }

  .bullet {
    flex: none;
  }

  .fixed-feature-image {
    object-fit: cover;
  }

  .service-filter {
    flex-flow: column;
  }

  .service-filter-div {
    margin-left: 5px;
    margin-right: 5px;
  }

  .ticker {
    align-items: stretch;
    min-width: 1500vw;
  }

  .ticker-gradient {
    display: none;
  }

  .home-form {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .home-form-text {
    margin-top: 10px;
    font-size: 18px;
  }

  .services-form-heading {
    font-size: 10vw;
  }

  .button-2 {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }

  .button-2.button-1-5 {
    font-size: 12px;
  }

  .button-2.nav-button:hover {
    box-shadow: none;
    transform: none;
  }

  .blog-template-content-wrapper {
    width: 90%;
  }

  ._100 {
    display: none;
  }

  ._100.mobile {
    display: block;
  }

  .premier-wrapper {
    flex-flow: column;
  }

  .img-container {
    width: 100%;
    height: 250px;
  }

  .ticker-gradient-left {
    display: none;
  }

  .mobile-footer-typemark {
    font-size: 6rem;
    line-height: 7rem;
  }

  .total-calc-div-etc {
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .calculated-supply {
    flex-flow: column;
    align-items: center;
  }

  .calculated-supply.wall-show-ipad {
    flex-flow: wrap;
  }

  .checkmark-text {
    margin-right: 10px;
    font-size: .7rem;
    line-height: .8rem;
  }

  .btm-right-content.venetia {
    right: auto;
  }

  .scrolling-text {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 7px 9px;
    font-size: 1rem;
    line-height: 1rem;
  }

  .addons-heading {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2;
  }

  .addons-heading.small {
    font-size: 12px;
  }

  .misc-blogs {
    width: 100vw;
  }

  .blog-tile-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

#hero-video.w-node-_6b006044-67b4-b049-5194-4539549f18d8-699d34d8 {
  grid-area: 1 / 2 / 3 / 4;
  align-self: end;
}

#w-node-ffc8cc5a-454e-9bb8-61f3-d50471c71369-699d34d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eda5ee78-3b2f-f118-9a85-0ba624546e9d-699d34d8 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_8c8db193-1f06-614f-f828-51114fa72ef9-52d9495b {
  grid-area: 2 / 1 / 3 / 2;
  place-self: end start;
}

#w-node-_1a7e41b8-901d-a591-2e1e-c54f52d9495c-52d9495b {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_1a7e41b8-901d-a591-2e1e-c54f52d94965-52d9495b {
  grid-area: 2 / 3 / 3 / 5;
  align-self: end;
}

#w-node-cca543aa-ee33-8d91-b11d-8acdda44064c-52d9495b {
  grid-area: 3 / 1 / 4 / 5;
  align-self: start;
}

#w-node-a0358cfd-297f-6f28-b7b3-39d6602274b4-52d9495b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_220ee1bb-49c8-7c3b-a171-134d95e050d8-f5350972, #w-node-_220ee1bb-49c8-7c3b-a171-134d95e050e4-f5350972, #w-node-_4d7aef63-1866-0af1-dbc6-0577b31f6c31-f5350972 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_220ee1bb-49c8-7c3b-a171-134d95e0511e-f5350972 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_220ee1bb-49c8-7c3b-a171-134d95e05125-f5350972 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_220ee1bb-49c8-7c3b-a171-134d95e0512c-f5350972 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_1a7e41b8-901d-a591-2e1e-c54f52d9495c-52d9495b {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_1a7e41b8-901d-a591-2e1e-c54f52d94965-52d9495b {
    grid-area: 2 / 2 / 3 / 4;
    align-self: end;
  }

  #w-node-cca543aa-ee33-8d91-b11d-8acdda44064c-52d9495b {
    grid-area: 3 / 1 / 4 / 4;
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #hero-video.w-node-_6b006044-67b4-b049-5194-4539549f18d8-699d34d8 {
    align-self: end;
  }

  #w-node-eda5ee78-3b2f-f118-9a85-0ba624546e9d-699d34d8 {
    grid-area: 2 / 1 / 4 / 4;
    place-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #hero-video.w-node-_6b006044-67b4-b049-5194-4539549f18d8-699d34d8 {
    grid-area: 1 / 2 / 3 / 4;
    align-self: end;
  }

  #w-node-eda5ee78-3b2f-f118-9a85-0ba624546e9d-699d34d8 {
    grid-area: 2 / 1 / 4 / 4;
    place-self: auto;
  }
}


@font-face {
  font-family: 'Pertili';
  src: url('../fonts/PERTILI.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}