/* screen - gallery-desktop-large */

.gallery-desktop-large {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 1512px;
  position: relative;
}

.gallery-desktop-large .phone-bar-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .phone-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.gallery-desktop-large .header-bar-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 132px;
  padding: 6px 80px 0px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .header-container-2 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(1,fit-content(100%));
  height: 122px;
  left: 80px;
  position: relative;
  top: 6px;
  width: 1352px;
}

.gallery-desktop-large .rectangle-34624195-2 {
  align-self: center;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122px;
  position: relative;
  width: 383px;
}

.gallery-desktop-large .frame-427319189 {
  align-self: center;
  gap: 33px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  justify-self: end;
  width: fit-content;
}

.gallery-desktop-large .frame-3 {
  flex: 0 0 auto;
  gap: 40px;
}

.gallery-desktop-large .group-7 {
  height: 48px;
  margin-right: -2.00px;
  position: relative;
  width: 213.04px;
}

.gallery-desktop-large .get-a-free-estimate-4 {
  color: var(--white);
  font-weight: 500;
  left: 21px;
  line-height: 23.2px;
  position: absolute;
  top: 12px;
  width: 171px;
}

.gallery-desktop-large .container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  padding: 80px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .title-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.gallery-desktop-large .title-5 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
  margin-top: -1.00px;
  text-align: center;
}

.gallery-desktop-large .take-a-look-at-some-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.gallery-desktop-large .filtering-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .sort-by-2 {
  letter-spacing: 0;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-large .frame-427319190-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .filter-button-2 {
  align-items: center;
  border: 2px solid;
  border-color: var(--clementine);
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 20px 30px;
  position: relative;
}

.gallery-desktop-large .show-all-2 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-large .images-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  margin-left: -0.50px;
  margin-right: -0.50px;
  position: relative;
  width: 1353px;
}

.gallery-desktop-large .rectangle-346242-2 {
  height: 450px;
  object-fit: cover;
  position: relative;
  width: 320px;
}

.gallery-desktop-large .button-4 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.gallery-desktop-large .get-a-free-estimate-5 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-large .arrow-right-4 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

.gallery-desktop-large .vector-3 {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.gallery-desktop-large .bottom-cta-banner-2 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-4.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 110px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .copy-and-button-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 700px;
}

.gallery-desktop-large .offering-services-in-2 {
  left: 35px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  text-align: center;
  top: 3px;
  white-space: nowrap;
}

.gallery-desktop-large .map-pin-2 {
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}

.gallery-desktop-large .button-5 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

.gallery-desktop-large .get-a-free-estimate-6 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.gallery-desktop-large .arrow-right-5 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.gallery-desktop-large .footer-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .nav-and-icons-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .nav-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
}

.gallery-desktop-large .icon-2 {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.gallery-desktop-large .footer-terms-2 {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--silver);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  padding: 20px 0px 0px;
  position: relative;
  width: 100%;
}

.gallery-desktop-large .copyright-2 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 23.4px;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.gallery-desktop-large .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.gallery-desktop-large .frame {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
}

.gallery-desktop-large .title {
  align-self: stretch;
  position: relative;
}
/* screen - gallery-desktop-small */

.gallery-desktop-small {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 1199px;
  position: relative;
}

.gallery-desktop-small .phone-bar-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .phone-3 {
  height: 24px;
  position: relative;
  width: 24px;
}

.gallery-desktop-small .header-bar-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 132px;
  padding: 6px 80px 0px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .header-container-3 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(1,fit-content(100%));
  height: 122px;
  left: 80px;
  position: relative;
  top: 6px;
  width: 1039px;
}

.gallery-desktop-small .rectangle-34624195-3 {
  align-self: center;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122px;
  position: relative;
  width: 383px;
}

.gallery-desktop-small .group-7-1 {
  height: 48px;
  margin-right: -2.00px;
  position: relative;
  width: 213.04px;
}

.gallery-desktop-small .get-a-free-estimate-7 {
  color: var(--white);
  font-weight: 500;
  left: 21px;
  line-height: 23.2px;
  position: absolute;
  top: 12px;
  width: 171px;
}

.gallery-desktop-small .container-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .title-6 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.gallery-desktop-small .title-7 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
  margin-top: -1.00px;
  text-align: center;
}

.gallery-desktop-small .take-a-look-at-some-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.gallery-desktop-small .filtering-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .sort-by-3 {
  letter-spacing: 0;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-small .frame-427319190-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .filter-button-3 {
  align-items: center;
  border: 2px solid;
  border-color: var(--clementine);
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 20px 30px;
  position: relative;
}

.gallery-desktop-small .show-all-3 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-small .images-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .rectangle-346242-3 {
  height: 450px;
  object-fit: cover;
  position: relative;
  width: 320px;
}

.gallery-desktop-small .button-6 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.gallery-desktop-small .get-a-free-estimate-8 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-desktop-small .arrow-right-6 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

.gallery-desktop-small .vector-4 {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.gallery-desktop-small .bottom-cta-banner-3 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 110px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .copy-and-button-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 700px;
}

.gallery-desktop-small .offering-services-in-3 {
  left: 35px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  text-align: center;
  top: 3px;
  white-space: nowrap;
}

.gallery-desktop-small .map-pin-3 {
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}

.gallery-desktop-small .give-your-home-a-nue-coat-2 {
  align-self: stretch;
  color: var(--gray-1);
  font-weight: 700;
  line-height: 98.9px;
  position: relative;
}

.gallery-desktop-small .button-7 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

.gallery-desktop-small .get-a-free-estimate-9 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.gallery-desktop-small .arrow-right-7 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.gallery-desktop-small .footer-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .nav-and-icons-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.gallery-desktop-small .nav-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
}

.gallery-desktop-small .icon-3 {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.gallery-desktop-small .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.gallery-desktop-small .title {
  align-self: stretch;
  position: relative;
}
/* screen - gallery-mobile-large */

.gallery-mobile-large {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 767px;
  position: relative;
}

.gallery-mobile-large .phone-bar-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .header-bar-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .header-container-1 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns:   minmax(0,1fr) fit-content(100%);
  grid-template-rows: repeat(1,fit-content(100%));
  height: 60px;
  left: 30px;
  position: relative;
  top: 23px;
  width: 707px;
}

.gallery-mobile-large .rectangle-34624195-1 {
  align-self: center;
  aspect-ratio: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 55px;
  position: relative;
  width: 220px;
}

.gallery-mobile-large .container-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .title-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.gallery-mobile-large .title-3 {
  letter-spacing: 0;
  line-height: 82.8px;
  margin-top: -1.00px;
  text-align: center;
}

.gallery-mobile-large .take-a-look-at-some-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.gallery-mobile-large .filtering-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .sort-by-1 {
  letter-spacing: 0;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-large .frame-427319190-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .filter-button-1 {
  align-items: center;
  border: 2px solid;
  border-color: var(--clementine);
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 20px 30px;
  position: relative;
}

.gallery-mobile-large .show-all-1 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-large .images-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .rectangle-346242-1 {
  aspect-ratio: 0.71;
  height: 394px;
  object-fit: cover;
  position: relative;
  width: 280px;
}

.gallery-mobile-large .button-2 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.gallery-mobile-large .get-a-free-estimate-2 {
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-large .arrow-right-2 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

.gallery-mobile-large .bottom-cta-banner-1 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 60px;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .copy-and-button-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  margin-right: -53.00px;
  position: relative;
  width: 700px;
}

.gallery-mobile-large .frame-4-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.gallery-mobile-large .map-pin-1 {
  height: 32px;
  position: relative;
  width: 32px;
}

.gallery-mobile-large .offering-services-in-1 {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-large .button-3 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

.gallery-mobile-large .group-1-1 {
  height: 27px;
  position: relative;
  width: 240.9px;
}

.gallery-mobile-large .get-a-free-estimate-3 {
  left: 0;
  position: absolute;
  top: 0;
  width: 198px;
}

.gallery-mobile-large .arrow-right-3 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.gallery-mobile-large .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .logo-2 {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

.gallery-mobile-large .logo-3 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.gallery-mobile-large .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.gallery-mobile-large .get-a-free-estimate {
  letter-spacing: 0;
  line-height: 27.1px;
}

.gallery-mobile-large .title {
  align-self: stretch;
  position: relative;
}
/* screen - gallery-mobile-small-all-breakpoints */

.gallery-mobile-small-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 390px;
  position: relative;
}

.gallery-mobile-small-all-breakpoints .phone-bar {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 6px 6px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .phone {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .header-bar {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .header-container {
  display: grid;
  gap: 460px 0px;
  grid-template-columns:   minmax(0,1fr) fit-content(100%);
  grid-template-rows: repeat(1,fit-content(100%));
  height: 60px;
  left: 30px;
  position: relative;
  top: 23px;
  width: 330px;
}

.gallery-mobile-small-all-breakpoints .rectangle-34624195 {
  align-self: center;
  aspect-ratio: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 55px;
  position: relative;
  width: 220px;
}

.gallery-mobile-small-all-breakpoints .container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px 40px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .title-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 82.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.gallery-mobile-small-all-breakpoints .take-a-look-at-some {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.gallery-mobile-small-all-breakpoints .filtering {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .sort-by {
  letter-spacing: 0;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .frame-427319190 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px;
  justify-content: center;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .filter-button {
  align-items: center;
  border: 2px solid;
  border-color: var(--clementine);
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 20px 30px;
  position: relative;
}

.gallery-mobile-small-all-breakpoints .show-all {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .images {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .rectangle-346242 {
  aspect-ratio: 0.71;
  height: 394px;
  object-fit: cover;
  position: relative;
  width: 280px;
}

.gallery-mobile-small-all-breakpoints .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px 20px 26px;
  position: relative;
}

.gallery-mobile-small-all-breakpoints .frame-427319183 {
  align-items: center;
  display: inline-flex;
  gap: 20px;
}

.gallery-mobile-small-all-breakpoints .get-a-free-estimate {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .arrow-right {
  height: 24px;
  position: relative;
  width: 26.9px;
}

.gallery-mobile-small-all-breakpoints .vector {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.gallery-mobile-small-all-breakpoints .bottom-cta-banner {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-5.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 700px;
  padding: 60px 40px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .copy-and-button {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .frame-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .map-pin {
  height: 32px;
  position: relative;
  width: 30px;
}

.gallery-mobile-small-all-breakpoints .vector-1 {
  height: 14.58%;
  left: 42.50%;
  position: absolute;
  top: 34.38%;
  width: 15.00%;
}

.gallery-mobile-small-all-breakpoints .offering-services-in {
  letter-spacing: 0;
  line-height: 25.8px;
  margin-top: -1.00px;
  position: relative;
  width: 251.29px;
}

.gallery-mobile-small-all-breakpoints .give-your-home-a-nue-coat {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 67.8px;
  position: relative;
}

.gallery-mobile-small-all-breakpoints .button-1 {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
  width: 304px;
}

.gallery-mobile-small-all-breakpoints .group-1 {
  height: 27px;
  position: relative;
  width: 240.9px;
}

.gallery-mobile-small-all-breakpoints .get-a-free-estimate-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.gallery-mobile-small-all-breakpoints .arrow-right-1 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.gallery-mobile-small-all-breakpoints .footer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .logo {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

.gallery-mobile-small-all-breakpoints .logo-1 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .nav-and-icons {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .nav {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .nav-item {
  color: var(--white);
  font-weight: 500;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .contact-us {
  color: var(--white);
  font-weight: 500;
  line-height: 23.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.gallery-mobile-small-all-breakpoints .icon {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.gallery-mobile-small-all-breakpoints .footer-terms {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--silver);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  padding: 20px 0px 0px;
  position: relative;
  width: 100%;
}

.gallery-mobile-small-all-breakpoints .copyright {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 23.4px;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.gallery-mobile-small-all-breakpoints .frame {
  flex: 0 0 auto;
  position: relative;
}
@media screen and (max-width: 766px) {
  .screen.gallery-mobile-large { 
    display: none;
   }
  .screen.gallery-desktop-large { 
    display: none;
   }
  .screen.gallery-desktop-small { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1198px) {
  .screen.gallery-mobile-small-all-breakpoints { 
    display: none;
   }
  .screen.gallery-desktop-large { 
    display: none;
   }
  .screen.gallery-desktop-small { 
    display: none;
   }
}
@media screen and (min-width: 1199px) and (max-width: 1511px) {
  .screen.gallery-mobile-small-all-breakpoints { 
    display: none;
   }
  .screen.gallery-mobile-large { 
    display: none;
   }
  .screen.gallery-desktop-large { 
    display: none;
   }
}
@media screen and (min-width: 1512px) {
  .screen.gallery-mobile-small-all-breakpoints { 
    display: none;
   }
  .screen.gallery-mobile-large { 
    display: none;
   }
  .screen.gallery-desktop-small { 
    display: none;
   }
}