.splide-visionaries {
  padding: 0 30px;
}
.splide-visionaries .splide__pagination {
  position: relative;
  bottom: 0;
  margin: 20px auto 0;
}
.splide-visionaries .splide__arrow {
  background: url("/source/2483af81738eed58fa0bb061fe382855/chevron-right-grey.png")
    no-repeat;
  width: 44px;
  height: 78px;
  transform: translateY(0);
  margin-top: -39px;
}

.splide-visionaries .splide__arrow svg {
  display: none;
}
.splide-visionaries .splide__arrow--prev {
  transform: rotate(180deg);
}
.splide-visionaries .splide__pagination__page {
  height: 14px;
  width: 14px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.splide-visionaries .splide__pagination__page.is-active {
  transform: scale(1);
  border-color: gray;
  background-color: gray;
}
@media screen and (max-width: 767px) {
  .splide-visionaries .splide__arrow {
    top: auto;
    bottom: -30px;
    transform: scale(0.65);
  }
  .splide-visionaries .splide__arrow--prev {
    transform: scale(0.65) rotate(180deg);
  }
}

@media (min-width: 1440px) {
  .architect.garden-studio-design .photo-collage {
    width: 100%;
    margin: -80px 0 -120px;
  }
  .architect.garden-studio-design .header h5 {
    margin: 0 80px 12px 140px;
  }
  .architect.garden-studio-design .photos p {
    margin: 0 120px 32px 0;
  }
  .architect.garden-studio-design .photos h5 {
    margin: 16px 60px 12px 0;
  }
  .architect.garden-studio-design .header {
    margin: 0 0 44px 0;
  }
  .architect.garden-studio-design .header .vimeo-movie {
    margin: 0 76px 0 16px;
  }
  .architect.garden-studio-design .header h3 {
    margin: 0 80px 46px 152px;
  }
  .architect.garden-studio-design .header h2 {
    margin: -67.56% 16px 0 142px;
  }
  .architect.garden-studio-design .slider {
    padding-top: 70px;
  }
  .architect.garden-studio-design .visionaries-link {
    padding: 5% 4%;
  }
}
@media (min-width: 640px) {
  .architect.garden-studio-design .sub-footer p {
    margin: 2% 0 2% 0;
  }
  .architect.structurehome .header h2 {
    margin: -67% 16px 0 40px;
  }
}
@media print, screen and (min-width: 40em) {
  .architect.garden-studio-design .grid-x.photos > .medium-7 {
    width: 65%;
  }
  .architect.garden-studio-design .grid-x.photos > .medium-5 {
    width: 35%;
  }
  .architect .sub-footer .grid-x {
    padding: 10% 8% 0 8%;
  }
  .architect .sub-footer .grid-x > .medium-7 {
    width: 62%;
  }
  .architect .sub-footer .grid-x > .medium-5 {
    width: 38%;
  }
}
@media (max-width: 640px) {
  .architect h5 {
    font-size: 16px;
  }
  .architect h2 {
    font-size: 43px;
  }
  .architect.garden-studio-design .header h2 {
    margin: -46% 60% 0 16px;
  }
  .architect.garden-studio-design .header h3 {
    margin: 0 16px 18px 16px;
  }
  /*structure home*/
  .architect.structurehome .header h2 {
    margin: -33% 16px 0 16px;
  }
  .architect.structurehome .header h3 {
    margin: 0 16px 7px 16px;
  }
  .architect.structurehome .firm_description {
    margin-top: 16px;
  }
  /*SD Studio Design*/
  .architect.sd-design-studio .header h2 {
    margin: -33% 16px 0 16px;
  }
  .architect.sd-design-studio .header h3 {
    margin: 0 16px 20px 16px;
  }
}

@media (min-width: 1440px) {
  .architect.structurehome .photo-collage {
    width: 100%;
    margin: -35px 0 -120px;
  }
  .architect.structurehome .header h2 {
    margin: -70% 16px 0 140px;
  }
  .architect.structurehome .header h3 {
    margin: 0 80px 80px 148px;
  }
  .architect.structurehome .header .vimeo-movie {
    margin: 0 76px 0 16px;
  }
  .architect.structurehome .grid-x.photos {
    padding-top: 16px;
  }
  .architect.structurehome .photos h5 {
    margin: 20px 60px 20px 50px;
  }
  .architect.structurehome .photos p {
    margin: 0 180px 32px 50px;
  }
  .architect.structurehome .header {
    margin: 0 0 0 0;
  }
}
@media print, screen and (min-width: 40em) {
  .architect.structurehome .grid-x.photos > .medium-7 {
    width: 60%;
    padding-left: 70px;
  }
  .architect.structurehome .grid-x.photos > .medium-5 {
    width: 40%;
    margin-top: 30px;
  }
}

@media (min-width: 1440px) {
  .architect.sd-design-studio .header h2 {
    margin: -64% 80px 0 140px;
  }
  .architect.sd-design-studio .header h3 {
    margin: 0 80px 130px 145px;
  }
}
