@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Sourcesanspro;
  src: url('../fonts/SourceSansPro-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --dodger-blue: #488fcc;
  --dark-slate-blue: #14499d;
  --white: white;
}

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

.body {
  text-transform: uppercase;
  font-family: Sourcesanspro, sans-serif;
}

.navbar {
  z-index: 100;
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 58px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-2 {
  background-color: #000;
  width: 25%;
  display: block;
}

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

.div-block-4 {
  width: 100%;
  padding-left: 20px;
  padding-right: 0;
}

.div-block-5 {
  background-image: url('../images/taswide_equipment_hire-logo-header_stack-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25%;
  height: 100%;
}

.navbar-buttons {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 25px;
  font-family: Sourcesanspro, sans-serif;
  display: flex;
  overflow: visible;
}

.taswide-logo-holder {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
}

.contact-phone-content {
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer;
  background-color: #488fcc;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 100%;
  font-size: 17px;
  font-weight: 900;
  line-height: 30px;
  text-decoration: none;
  display: flex;
}

.contact-phone-content:hover {
  font-size: 18px;
}

.taswide-logo {
  cursor: pointer;
  background-image: url('../images/taswide_equipment_hire-logo-header_stack-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100%;
}

.taswide-logo.w--current {
  cursor: pointer;
  width: 100px;
}

.text-block {
  font-weight: 900;
}

.top-banner-home {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3702.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
}

.div-block-11, .div-block-12, .div-block-13 {
  margin-right: 5px;
}

.navbar-text {
  color: #000;
  letter-spacing: 1.5px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 25px;
  margin-right: 0;
  font-size: 15px;
  text-decoration: none;
  display: flex;
}

.navbar-text:hover {
  color: #000;
  border-bottom: 2px solid #488fcc;
  font-weight: 400;
}

.navbar-text.w--current {
  cursor: pointer;
  border-bottom: 4px #488fcc;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 25px;
  margin-right: 0;
  display: flex;
}

.navbar-text.w--current:hover {
  border-bottom: 2px solid #488fcc;
  border-radius: 0;
  font-weight: 400;
}

.navbar-text.home {
  height: 80%;
  margin-left: 0;
  margin-right: 0;
}

.navbar-text.home:hover {
  border-bottom: 2px solid #488fcc;
}

.navbar-text.service {
  height: 80%;
  margin-left: 25px;
  margin-right: 0;
}

.navbar-text.service:hover {
  border-bottom: 2px solid #488fcc;
}

.navbar-text.equipment {
  height: 80%;
  margin-right: 26px;
}

.navbar-text.equipment:hover {
  border-bottom: 2px solid #488fcc;
}

.link, .link-2, .link-3, .link-4 {
  text-decoration: none;
}

.text-block-3 {
  line-height: 30px;
}

.top-banner-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 500px;
  height: 250px;
  display: flex;
}

.div-block-15 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 300px;
  height: 50px;
  display: flex;
}

.div-block-16 {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 500px;
  height: 100px;
  font-size: 50px;
  font-weight: 900;
  display: flex;
}

.cta-footer {
  color: #000;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 300px;
  height: 50px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.cta-footer:hover {
  font-weight: 700;
}

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

.div-block-18 {
  background-image: url('../images/taswide_equipment_hire-single_logo-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  display: block;
}

.text-block-5 {
  text-transform: uppercase;
  line-height: 60px;
}

.div-block-19 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 900px;
  padding: 50px;
  display: flex;
}

.footer-content {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3668.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.footer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
}

.footer-bottom-logo {
  background-image: url('../images/taswide_equipment_hire-logo-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25%;
  height: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-bottom-logo.w--current {
  cursor: pointer;
  width: 200px;
  height: 150px;
}

.footer-cta-navbar {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 10%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.navbar-text-footer {
  color: #000;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Sourcesanspro, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.navbar-text-footer:hover {
  border-bottom: 2px solid #488fcc;
  font-weight: 400;
}

.navbar-text-footer.w--current {
  cursor: pointer;
  justify-content: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.navbar-text-footer.w--current:hover {
  font-weight: 400;
}

.navbar-text-footer.home {
  margin-right: 25px;
}

.navbar-text-footer.contact {
  width: auto;
}

.navbar-text-footer.equipment {
  margin-right: 25px;
}

.text-block-6 {
  color: #6a6a6a;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 10px;
}

.text-block-6:hover {
  font-weight: 400;
}

.text-span {
  color: #000;
  font-weight: 400;
}

.text-span:hover {
  font-weight: 600;
}

.content-image {
  background-image: url('../images/our_service_page-we_can_offer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  flex: 0 60%;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 100%;
  margin-left: 0;
  display: flex;
  position: static;
  right: 60px;
}

.content-image.contact {
  background-image: url('../images/contact_page-get_in_touch.jpg');
  background-position: 0%;
  flex-shrink: 0;
  margin-left: 40px;
}

.div-block-24 {
  width: 50%;
  height: 100%;
}

.main-middle-content-home {
  background-color: #fff;
  flex: 0 0 50%;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  width: auto;
  height: auto;
  margin-left: -50%;
  display: flex;
}

.div-block-26 {
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100%;
}

.div-block-27 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 100px;
  display: flex;
}

.div-block-28 {
  background-image: url('../images/taswide_equipment_hire-single_logo-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-start;
  width: 150px;
  height: 100px;
  margin-top: -85px;
  display: flex;
}

.text-block-7 {
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  display: block;
}

.text-span-2 {
  color: #000;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  display: block;
}

.taswide-content-logo {
  background-image: url('../images/taswide_equipment_hire-single_logo-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 140px;
  height: 25px;
}

.top-banner-sevice {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3706.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
}

.top-banner-equipment {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3704.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
}

.top-banner-contact {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3667.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
}

.card-holder {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  max-width: 1200px;
  height: auto;
  margin-top: -350px;
  margin-bottom: 0;
  display: flex;
}

.gradient-banner {
  color: #fff;
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 550px;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 62px;
  font-weight: 900;
  line-height: 70px;
  display: flex;
}

.text-block-8 {
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.gradient-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-33 {
  justify-content: center;
  align-items: center;
  padding-left: 9px;
  padding-right: 0;
  display: flex;
}

.text-block-9 {
  text-transform: uppercase;
  padding-right: 0;
}

.cards {
  cursor: pointer;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 500px;
  margin-left: 0%;
  padding: 0;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 10px #00000026;
}

.cards:hover {
  box-shadow: 1px 1px 12px 2px #0000004d;
}

.personal-project-card {
  background-image: url('../images/home_page-hero_banner-copy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
  margin-left: 0;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  display: block;
}

.text-block-10 {
  font-weight: 900;
}

.text-block-11 {
  font-size: 50px;
  font-weight: 900;
}

.text-block-12 {
  color: #000;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 40px;
  font-weight: 900;
  line-height: 50px;
  display: block;
}

.text-span-3 {
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  display: flex;
}

.small-business-card {
  background-image: url('../images/home_page-small_business.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  display: block;
}

.big-companies-card {
  background-image: url('../images/home_page-big_companies.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  display: block;
}

.image {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3696.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 0 90%;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -50%;
  display: flex;
}

.main-middle-lock-up-home {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  padding: 50px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.main-blue-home {
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 auto;
  align-self: stretch;
  width: 20%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-29-copy {
  background-image: url('../images/taswide_equipment_hire-single_logo-colour.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 10%;
}

.text-span-2-copy {
  color: #000;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  display: block;
}

.text-block-7-copy {
  text-align: left;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
  display: flex;
}

.hero-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 50px;
  display: flex;
}

.main-blue {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
  width: 75px;
  height: auto;
}

.main-middle-lock-up {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40vw;
  height: 100%;
  padding: 75px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 51px;
}

.content-holder {
  z-index: 1;
  background-color: #fff;
  flex-wrap: nowrap;
  flex: 0 0 50%;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 75%;
  margin-right: -160px;
  display: flex;
  position: relative;
  right: 0;
}

.equipment-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex;
}

.middle-lock-up-content-contact {
  background-image: url('../images/contact_page-get_in_touch.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 90%;
  display: flex;
}

.main-middle-lock-up-contact {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 100px;
  display: flex;
}

.text-span-4 {
  font-size: 15px;
  font-weight: 600;
}

.text-email-and-phone {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
}

.text-block-13 {
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  display: block;
}

.div-block-35 {
  color: #488fcc;
  justify-content: flex-start;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.text-block-14 {
  color: #488fcc;
}

.text-block-15 {
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 600;
  display: flex;
}

.top-banner-content-contact {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 500px;
  height: 250px;
  display: flex;
}

.contact-page-cta {
  color: #fff;
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-width: 700px;
  height: 100px;
  font-size: 50px;
  font-weight: 900;
  display: flex;
}

.contact-page-cta.long {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
}

.footer-content-contact {
  background-image: url('../images/Screen-Shot-2021-08-17-at-9.50.11-am.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  display: flex;
}

.equipment-page-cta {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 750px;
  height: 100px;
  font-size: 50px;
  font-weight: 900;
  display: flex;
}

.div-block-36 {
  opacity: 0;
  cursor: pointer;
  background-color: #488fcc;
  width: 100%;
  height: 2px;
  display: block;
}

.div-block-36:hover {
  opacity: 1;
  display: block;
}

.text-holder-home {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  display: flex;
}

.middle-container-lock-up {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
  position: static;
}

.middle-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-39 {
  width: 100%;
  height: 100%;
}

.hero-content-service {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  height: 100%;
  padding-left: 0;
  display: none;
}

.container {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: auto;
  min-height: 800px;
  display: none;
  position: static;
}

.middle-section-service, .middle-section-contact {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 900px;
  display: flex;
}

.hero-content-service-copy {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.navbar-text-copy {
  color: #000;
  letter-spacing: 1px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10%;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.navbar-text-copy:hover {
  color: #000;
  font-weight: 600;
}

.navbar-text-copy.w--current {
  cursor: pointer;
  border-bottom: 4px #488fcc;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navbar-text-copy.w--current:hover {
  opacity: 1;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.middle-container-lock-up-home {
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  max-width: 1200px;
  min-height: 800px;
  display: flex;
  position: static;
}

.div-block-40, .div-block-41 {
  width: 100%;
  height: 40px;
}

.div-block-42 {
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  height: 60%;
  margin-left: -1350px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  transform: rotate(270deg);
}

.text-block-16, .text-block-17, .text-block-18 {
  line-height: 30px;
}

.spacer2 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
}

.text-head-office {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20px;
  font-weight: 600;
  display: flex;
}

.spacer1 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20px;
  display: flex;
}

.spacer1.two {
  height: 30px;
}

.div-block-43 {
  color: #000;
  width: 100%;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
}

.get-in-touch-text {
  color: #000;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
}

.address-text {
  width: 100%;
  height: 20px;
}

.we-can-offer-text {
  color: #000;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  line-height: 50px;
}

.text-section1 {
  font-size: 17px;
  line-height: 25px;
}

.who-are-we-text {
  color: #000;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
}

.equipment-section {
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 90%;
  max-width: 1200px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  right: -200px;
}

.equipment-section.lifts, .equipment-section.excavators, .equipment-section.rollers, .equipment-section.pumps, .equipment-section.generators {
  padding-top: 0;
}

.equipment-section.small-plant {
  padding-top: 0;
  padding-bottom: 0;
}

.equipment-section.site-office, .equipment-section.forklifts {
  padding-top: 0;
}

.section {
  justify-content: center;
  align-items: center;
  margin-bottom: 175px;
  padding-top: 100px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.section-information {
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
}

.spacer2-contact {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
}

.spacer1-service-top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 0;
  display: flex;
}

.text-block-19 {
  font-size: 18px;
  font-weight: 300;
}

.text-block-20 {
  text-transform: none;
  font-size: 15px;
  line-height: 25px;
}

.text-block-21 {
  line-height: 25px;
}

.gradient-banner-equipment {
  color: #fff;
  letter-spacing: 1px;
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.equipment-gradient-buttons {
  align-self: center;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 20px;
  text-decoration: none;
}

.div-block-45, .div-block-46, .div-block-47, .div-block-48, .div-block-49, .div-block-50, .div-block-51, .div-block-52 {
  align-self: center;
}

.div-block-53 {
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  height: 100%;
}

.grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: stretch stretch;
  width: 100%;
}

.blue-box {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue) 99%, white);
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding-left: 0;
  display: flex;
}

.equipment-card-body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 75%;
  padding-top: 15%;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
}

.equipment-card-gradient-text {
  background-image: linear-gradient(180deg, var(--dodger-blue), var(--dark-slate-blue));
  color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 25%;
  padding: 15px;
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
}

.equipment-card-background {
  background-color: #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.equipment-card-image {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg-1930es.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150%;
  height: 112%;
  margin-top: -15%;
  margin-left: -15%;
  margin-right: -15%;
}

.equipment-card-image.second-image {
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
}

.equipment-card-image.third-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_10.png');
}

.equipment-card-image.fourth-image {
  background-image: url('../images/scissor_lifts-haulotte-optimum_8ac.png');
}

.equipment-card-image.fifth-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_10dx.png');
}

.equipment-card-image.sixth-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_12dx.png');
}

.equipment-card-image.seventh {
  background-image: url('../images/lift-nifty_120t-3.png');
}

.equipment-card-image.seventh._2 {
  mix-blend-mode: multiply;
  background-image: url('../images/JLG-660-sj.jpg');
}

.equipment-card-image.seventh._3 {
  mix-blend-mode: multiply;
  background-image: url('../images/HA16-RTJ-PRO.jpg');
}

.equipment-card-image.seventh._4 {
  mix-blend-mode: multiply;
  background-image: url('../images/HT23RTJ-PRO.jpg');
}

.equipment-card-image.eighth {
  background-image: url('../images/excavators-kubota-u17.png');
}

.equipment-card-image.eighth._2 {
  mix-blend-mode: multiply;
  background-image: url('../images/Kubota-3.5t-U35-4.jpg');
}

.equipment-card-image.nine {
  background-image: url('../images/rollers-dynapac_cc102-2.5t_twin_drum_roller.png');
}

.equipment-card-image.ten {
  background-image: url('../images/pump-centrifugal_pump.png');
}

.equipment-card-image.eleven {
  background-image: url('../images/generators.png');
}

.equipment-card-image.twelve {
  background-image: url('../images/small_plant_and_equipment-compaction_equipment.png');
}

.equipment-card-image.thirteen {
  background-image: url('../images/small_plant_and_equipment-quick_cut-saws.png');
}

.equipment-card-image.fourteen {
  background-image: url('../images/small_plant_and_equipment-chain_saw.png');
}

.equipment-card-image.fifteen {
  background-image: url('../images/small_plant_and_equipment-pressure_washer.png');
}

.equipment-card-image.sixteen {
  background-image: url('../images/site_offices_and_storage_containers-site_office.png');
}

.equipment-card-image.seventeen {
  background-image: url('../images/site_offices_and_storage_containers-shipping_container.png');
}

.equipment-card-image.eighteen {
  mix-blend-mode: multiply;
  background-image: url('../images/ENF-3.5T-4WD-DIESEL-RT-FLIFT_BACK-SIDE.jpg');
}

.equipment-card-image.eighteen._2 {
  mix-blend-mode: multiply;
  background-image: url('../images/Kubota-3.5t-U35-4.jpg');
}

.equipment-card-image.nineteen {
  mix-blend-mode: normal;
  background-image: url('../images/525954-mlt_730_manitou_007-example.png');
}

.equipment-card-image.nineteen._2 {
  mix-blend-mode: multiply;
  background-image: url('../images/Kubota-3.5t-U35-4.jpg');
}

.text-block-22 {
  text-align: center;
  text-transform: uppercase;
  align-self: auto;
  text-decoration: none;
}

.text-block-22.margin__top {
  margin-top: 10px;
  font-size: 15px;
}

.card-body {
  flex-flow: column;
  justify-content: flex-start;
  height: 400px;
  display: flex;
}

.equipment-card-image-2 {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-top: -120px;
}

.div-block-55 {
  background-color: #0000;
  background-image: url('../images/hire_stylised-graphic-white.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  height: 25px;
  display: flex;
}

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

.div-block-57 {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.text-block-23 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 900;
  line-height: 40px;
}

.text-block-24 {
  font-size: 18px;
}

.text-block-25 {
  color: #fff;
  text-transform: none;
  font-size: 18px;
}

.div-block-59 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 50px;
  display: flex;
}

.div-block-60 {
  opacity: 0;
  background-color: #000;
  margin-top: -95px;
  display: flex;
  overflow: visible;
}

.div-block-60:hover {
  opacity: 1;
  margin-top: -169px;
  display: flex;
}

.div-block-61 {
  height: 900px;
}

.equipment-card-image-3 {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg-1930es.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
  height: 112%;
  margin-top: -25%;
  margin-left: -25%;
  margin-right: -25%;
}

.equipment-card-image-4 {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
  height: 112%;
  margin-top: -25%;
  margin-left: -25%;
  margin-right: -25%;
}

.equipment-card-image-5 {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-haulotte-optimum_8ac.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
  height: 112%;
  margin-top: -25%;
  margin-left: -25%;
  margin-right: -25%;
}

.equipment-card-image-6 {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-haulotte-compact_12dx.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
  height: 112%;
  margin-top: -25%;
  margin-left: -25%;
  margin-right: -25px;
}

.equipment-card-image-2-copy {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-top: -120px;
}

.text-block-26 {
  text-align: center;
  text-transform: uppercase;
}

.spacer-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.spacer {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.product-content {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  min-height: 1000px;
  margin-top: 58px;
  padding: 98px 100px 100px;
  display: flex;
}

.product-section {
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  position: static;
  right: -200px;
}

.product-section.lifts, .product-section.excavators, .product-section.rollers, .product-section.pumps, .product-section.generators {
  padding-top: 0;
}

.product-section.small-plant {
  padding-top: 0;
  padding-bottom: 0;
}

.product-section.site-office {
  margin-bottom: 200px;
  padding-top: 0;
}

.split-div-product {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  max-width: 1200px;
  min-height: 800px;
  margin: 0;
  display: flex;
}

.split-div-product.text {
  flex-direction: row;
}

.product-detail-content-holder {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.product-card-holder {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 100px;
  display: flex;
}

.div-block-65 {
  background-image: url('../images/hire_stylised-graphic.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-items: flex-start;
  width: 80px;
  height: 30px;
  display: block;
}

.key-text {
  color: #14499d;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 25px;
  font-weight: 900;
}

.product-title-text {
  color: #000;
  width: 100%;
  margin-bottom: 30px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 50px;
  font-weight: 900;
  line-height: 50px;
}

.text-block-27 {
  line-height: 30px;
}

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

.product-details {
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  display: flex;
}

.product-details.new {
  margin-top: 40px;
}

.text-block-28 {
  text-align: left;
  flex: 0 auto;
  align-self: auto;
  line-height: 20px;
}

.text-block-28.big-text {
  padding-left: 15px;
}

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

.div-block-69 {
  color: #000;
  background-color: #000;
  justify-content: flex-start;
  width: 10px;
  height: 10px;
  display: block;
}

.product-hire-button-holder {
  flex-direction: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 150px;
  padding: 0;
  display: flex;
}

.product-hire-button {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #488fcc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.product-hire-button.spec-sheet {
  color: #000;
  background-color: #f0f0f0;
  flex-direction: column;
  margin-bottom: 0;
  font-weight: 400;
}

.product-detail-info {
  flex-direction: column;
  justify-content: space-around;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-card-body {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0%;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.product-card-background {
  background-color: #f0f0f0;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.product-card-image {
  object-fit: fill;
  background-image: url('../images/scissor_lifts-jlg-1930es.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: center;
  width: 125%;
  height: 125%;
  margin-left: -25%;
  margin-right: -25%;
}

.product-card-image.second-image {
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
}

.product-card-image.third-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_10.png');
}

.product-card-image.fourth-image {
  background-image: url('../images/scissor_lifts-haulotte-optimum_8ac.png');
}

.product-card-image.fifth-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_10dx.png');
}

.product-card-image.sixth-image {
  background-image: url('../images/scissor_lifts-haulotte-compact_12dx.png');
}

.product-card-image.seventh {
  background-image: url('../images/lift-nifty_120t-3.png');
}

.product-card-image.eighth {
  background-image: url('../images/excavators-kubota-u17.png');
}

.product-card-image.nine {
  background-image: url('../images/rollers-dynapac_cc102-2.5t_twin_drum_roller.png');
}

.product-card-image.ten {
  background-image: url('../images/pump-centrifugal_pump.png');
}

.product-card-image.eleven {
  background-image: url('../images/generators.png');
}

.product-card-image.twelve {
  background-image: url('../images/small_plant_and_equipment-compaction_equipment.png');
}

.product-card-image.thirteen {
  background-image: url('../images/small_plant_and_equipment-quick_cut-saws.png');
}

.product-card-image.fourteen {
  background-image: url('../images/small_plant_and_equipment-chain_saw.png');
}

.product-card-image.fifteen {
  background-image: url('../images/small_plant_and_equipment-pressure_washer.png');
}

.product-card-image.sixteen {
  background-image: url('../images/site_offices_and_storage_containers-site_office.png');
}

.product-card-image.seventeen {
  background-image: url('../images/site_offices_and_storage_containers-shipping_container.png');
}

.product-card-image._2 {
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
}

.product-card-image._3 {
  background-image: url('../images/scissor_lifts-haulotte-compact_10.png');
}

.product-card-image._4 {
  background-image: url('../images/scissor_lifts-haulotte-optimum_8ac.png');
}

.product-card-image._5 {
  background-image: url('../images/scissor_lifts-haulotte-compact_10dx.png');
}

.product-card-image._6 {
  background-image: url('../images/scissor_lifts-haulotte-compact_12dx.png');
}

.product-card-image.jlg-es3246 {
  background-image: url('../images/scissor_lifts-jlg_es3246-2.png');
}

.product-card-image.haulotte-compact-10 {
  background-image: url('../images/scissor_lifts-haulotte-compact_10.png');
}

.product-card-image.haulotte-optimum-8 {
  background-image: url('../images/scissor_lifts-haulotte-optimum_8ac.png');
}

.product-card-image.haulotte-compact10-dx {
  background-image: url('../images/scissor_lifts-haulotte-compact_10dx.png');
}

.product-card-image.haulotte-compact-12-dx {
  background-image: url('../images/scissor_lifts-haulotte-compact_12dx.png');
}

.product-card-image.nifty-120t-trailer-mount {
  background-image: url('../images/lift-nifty_120t-3.png');
}

.product-card-image.kubota-u17-3-tilt-hitch {
  background-image: url('../images/excavators-kubota-u17.png');
}

.product-card-image.dynapac-cc102-twin-drum-roller {
  background-image: url('../images/rollers-dynapac_cc102-2.5t_twin_drum_roller.png');
}

.product-card-image.pumps {
  background-image: url('../images/pump-centrifugal_pump.png');
}

.product-card-image.generators {
  background-image: url('../images/generators.png');
}

.product-card-image.compaction-equipment {
  background-image: url('../images/small_plant_and_equipment-compaction_equipment.png');
}

.product-card-image.quick-cut-saws {
  background-image: url('../images/small_plant_and_equipment-quick_cut-saws.png');
}

.product-card-image.pole-saw-chainsaw {
  background-image: url('../images/small_plant_and_equipment-chain_saw.png');
}

.product-card-image.pressure-washers {
  background-image: url('../images/small_plant_and_equipment-pressure_washer.png');
}

.product-card-image.site-offices {
  background-image: url('../images/site_offices_and_storage_containers-site_office.png');
}

.product-card-image.storage-containers {
  background-image: url('../images/site_offices_and_storage_containers-shipping_container.png');
}

.product-card-image.kubota-u35-4-3-5t {
  mix-blend-mode: multiply;
  background-image: url('../images/Kubota-3.5t-U35-4.jpg');
}

.product-card-image.ha16 {
  mix-blend-mode: multiply;
  background-image: url('../images/HA16-RTJ-PRO.jpg');
}

.product-card-image.ht23 {
  mix-blend-mode: multiply;
  background-image: url('../images/HT23RTJ-PRO.jpg');
}

.product-card-image._660sj {
  mix-blend-mode: multiply;
  background-image: url('../images/JLG-660-sj.jpg');
}

.product-card-image.enforcer-3-52t-rough-terrain {
  mix-blend-mode: multiply;
  background-image: url('../images/ENF-3.5T-4WD-DIESEL-RT-FLIFT_BACK-SIDE.jpg');
  width: 100%;
  height: 100%;
}

.product-card-image.manitou-mlt-x-730-telehandler {
  mix-blend-mode: normal;
  background-image: url('../images/525954-mlt_730_manitou_007-example.png');
}

.product-detail-spacer-line {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  display: flex;
}

.div-block-70 {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  width: 10%;
  height: 400px;
  padding-right: 10px;
  display: flex;
}

.dot-points-holder {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 25px;
  height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.dot-points {
  background-color: #14499d;
  border-radius: 20px;
  flex: 0 auto;
  align-self: center;
  width: 5px;
  height: 5px;
}

.dot-points._2 {
  margin-top: 0;
}

.dot-points._5, .dot-points._6, .dot-points._7 {
  margin-top: -20px;
}

.dot-points._8 {
  margin-top: -40px;
}

.dot-points._9 {
  margin-top: -60px;
}

.text-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-holder.new {
  align-items: flex-end;
  margin-top: 50px;
}

.main-spacer-product-detail {
  width: 100%;
  height: 30px;
}

.mini-spacer-product-detail {
  width: 100%;
  height: 25px;
}

.mini-spacer-product-detail._1 {
  height: 10px;
}

.mini-spacer-product-detail-2 {
  width: 100%;
  height: 50px;
}

.banner-product-detail {
  z-index: 1;
  color: #fff;
  letter-spacing: 1px;
  cursor: pointer;
  justify-content: center;
  align-items: stretch;
  width: 15%;
  height: 50px;
  margin-top: 0;
  margin-left: 25px;
  padding-left: 0;
  padding-right: 0;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  display: none;
  position: relative;
}

.banner-product-detail:hover {
  font-weight: 600;
}

.next-text {
  text-transform: uppercase;
}

.next-text-holder {
  color: #000;
  cursor: pointer;
  font-family: Sourcesanspro, sans-serif;
  text-decoration: none;
}

.text-block-29 {
  font-size: 15px;
  font-weight: 300;
}

.text-block-30 {
  font-weight: 400;
}

.text-block-31 {
  font-size: 16px;
  font-weight: 300;
}

.text-block-32 {
  font-size: 15px;
}

.text-block-33 {
  font-weight: 600;
}

.text-block-34 {
  text-transform: uppercase;
}

.product-gradient {
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 700px;
  height: 100px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 50px;
  font-weight: 900;
  display: flex;
}

.text-block-35, .text-block-36, .text-block-37, .text-block-38, .text-block-39, .text-block-40, .text-block-41, .text-block-42, .text-block-43 {
  color: #fff;
}

.div-block-71 {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

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

.text-block-44 {
  text-transform: uppercase;
}

.text-block-45 {
  text-transform: none;
  font-size: 15px;
}

.navbar-mobile, .drop-menu, .equipment-menu-bar {
  display: none;
}

.equipment-button {
  background-image: linear-gradient(90deg, var(--dodger-blue), var(--dark-slate-blue));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: relative;
}

.catagories {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.catagories.close {
  display: none;
}

.options {
  background-image: linear-gradient(45deg, var(--dark-slate-blue), var(--dodger-blue));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 400px;
  padding: 50px;
  display: flex;
}

.options-button {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.text-block-53 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 600;
}

.section-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.section-service-and-contact-mobile {
  justify-content: center;
  align-items: center;
  margin-top: 175px;
  margin-bottom: 175px;
  padding-left: 100px;
  padding-right: 100px;
  display: none;
}

.middle-container-lock-up-service-mobile {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: auto;
  min-height: 800px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.main-middle-container-mobile {
  z-index: 1;
  background-color: #fff;
  flex-wrap: nowrap;
  flex: 0 0 50%;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 75%;
  display: flex;
  position: relative;
  right: -60px;
}

.main-blue-mobile {
  background-image: url('../images/blue_gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20%;
  height: 100%;
}

.main-middle-lock-up-mobile {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  padding: 0 70px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 51px;
}

.middle-lock-up-content-mobile {
  background-image: url('../images/our_service_page-we_can_offer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  flex: 0 0 60%;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 100%;
  margin-left: 0;
  display: flex;
  position: relative;
  right: 60px;
}

.middle-lock-up-content-mobile.contact {
  background-image: url('../images/contact_page-get_in_touch.jpg');
  background-position: 0%;
}

.section-contact-mobile {
  justify-content: center;
  align-items: center;
  margin-top: 175px;
  margin-bottom: 175px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.main-middle-lock-up-mobile-contact {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  padding: 0 70px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  position: static;
  right: 51px;
}

.middle-container-lock-up-contact-mobile {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: auto;
  min-height: 800px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.middle-lock-up-content-mobile-contact {
  background-image: url('../images/our_service_page-we_can_offer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  flex: 0 0 60%;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  height: 100%;
  margin-left: 0;
  display: flex;
  position: relative;
  right: 60px;
}

.middle-lock-up-content-mobile-contact.contact {
  background-image: url('../images/contact_page-get_in_touch.jpg');
  background-position: 0%;
}

.section-service-and-contact-mobile-copy, .section-main-contact-mobile {
  justify-content: center;
  align-items: center;
  margin-top: 175px;
  margin-bottom: 175px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.main-middle-container-mobile-contact {
  z-index: 1;
  background-color: #fff;
  flex-wrap: nowrap;
  flex: 0 0 50%;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 75%;
  display: flex;
  position: relative;
  right: -60px;
}

.middle-container-lock-up-contact-mobile-copy {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: auto;
  min-height: 800px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.text-box-mobile {
  margin-right: 10px;
  font-size: 55px;
  line-height: 60px;
}

.top-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 210px;
  margin-left: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.div-block-94 {
  z-index: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 50px;
  margin-top: 100px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.split-div-product-new {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  max-width: 1200px;
  min-height: 800px;
  margin: 0;
  display: flex;
}

.image-lock-up {
  background-image: url('../images/contact_page-get_in_touch.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-left: 30vw solid #fff;
  align-items: center;
  width: 100%;
  height: 600px;
  display: flex;
}

.image-lock-up.contact {
  border-left: 30vw solid var(--white);
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3678.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 750px;
  display: flex;
}

.image-lock-up.service {
  background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3656.jpg');
  background-size: cover;
  max-width: 1200px;
  height: 750px;
  min-height: auto;
}

.box-container {
  background-color: var(--white);
  height: auto;
  margin-left: -30vw;
  display: flex;
}

.back-button-holder {
  align-items: center;
  width: 100%;
  height: 100px;
  margin-top: 58px;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.back-button {
  z-index: auto;
  color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 150px;
  height: 30px;
  margin-left: 100px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.back-button:hover {
  font-weight: 600;
}

.div-block-95, .div-block-96 {
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-97, .div-block-98 {
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  height: auto;
  display: flex;
}

.spacer1-contact {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15px;
  display: flex;
}

.text-block-54 {
  font-size: 15px;
  font-weight: 600;
}

.text-block-55 {
  font-size: 17px;
}

.text-block-56 {
  font-family: Sourcesanspro, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.text-block-57 {
  font-size: 15px;
}

.contact-text {
  text-transform: none;
  font-size: 15px;
}

.contact-text.bold {
  font-weight: 600;
}

.text-block-58, .text-block-59 {
  color: #488fcc;
  font-size: 15px;
  font-weight: 600;
}

.spacer-service-2 {
  width: 100%;
  height: 10px;
}

.s2 {
  width: 80%;
  height: 20px;
}

.s1 {
  width: 80%;
  height: 40px;
}

.div-block-99 {
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--dodger-blue), var(--dark-slate-blue));
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.button-cat {
  color: #fff;
  cursor: pointer;
  margin-left: 34px;
  margin-right: 35px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.button-cat:hover {
  font-weight: 700;
}

.button-cat.first {
  margin-left: 0;
}

.text-block-60, .text-block-61 {
  text-transform: none;
  font-size: 15px;
}

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

.link-6, .link-7, .link-8, .link-9, .link-10, .link-11, .link-12, .link-13, .link-14, .link-15, .link-16, .link-17, .link-18, .link-19, .link-20, .link-21, .link-22, .link-23, .link-24, .link-25, .link-26 {
  text-decoration: none;
}

.div-block-102 {
  position: absolute;
  top: 1350px;
  left: 218.5px;
}

.div-block-103 {
  background-color: #e01c1c;
  width: 100px;
  height: 100px;
}

.div-block-104 {
  z-index: 100;
  color: #000;
  letter-spacing: 1px;
  font-family: Sourcesanspro, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  top: 50px;
  left: -650px;
  transform: rotate(270deg);
}

.text-block-63 {
  font-size: 20px;
}

.filters {
  width: 100%;
  overflow: hidden;
}

.spec__text {
  text-align: center;
  text-transform: none;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-decoration: none;
}

.hide {
  display: none;
}

.margin__top {
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .navbar {
    min-width: 0%;
  }

  .navbar-buttons, .taswide-logo-holder {
    width: 50%;
  }

  .contact-phone-content {
    width: 200px;
    font-size: 14px;
  }

  .contact-phone-content:hover {
    font-size: 15px;
  }

  .taswide-logo {
    width: 100px;
  }

  .navbar-text, .navbar-text.w--current {
    margin-left: 0;
    margin-right: 25px;
    font-size: 13px;
  }

  .div-block-16 {
    min-width: 400px;
  }

  .div-block-18 {
    width: 150px;
  }

  .text-block-5 {
    font-size: 40px;
  }

  .footer-content {
    z-index: 100;
    position: static;
  }

  .footer {
    position: static;
  }

  .cta {
    width: 100%;
  }

  .footer-bottom-logo {
    width: 30%;
  }

  .footer-bottom-logo.w--current {
    width: 200px;
  }

  .footer-cta-navbar {
    width: 50%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .navbar-text-footer {
    margin-right: 0;
    font-size: 13px;
  }

  .navbar-text-footer.service {
    margin-right: 25px;
  }

  .content-image {
    flex-basis: 60%;
    left: -10%;
    right: 0;
  }

  .content-image.contact {
    margin-left: -50px;
  }

  .main-middle-content-home {
    flex-basis: 60%;
    height: auto;
    margin-bottom: 0;
    margin-left: 2%;
  }

  .taswide-content-logo {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    width: 100px;
    display: block;
  }

  .card-holder {
    width: 80%;
    min-height: auto;
    margin-top: -150px;
    display: flex;
  }

  .gradient-banner {
    flex-direction: row;
    height: 350px;
    padding-top: 0;
  }

  .text-block-8 {
    flex-direction: row;
    font-size: 15px;
    line-height: 20px;
  }

  .gradient-content {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 57%;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 40px;
    line-height: 50px;
  }

  .div-block-33 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding-left: 0;
  }

  .text-block-9 {
    padding-right: 15px;
    font-size: 40px;
  }

  .cards {
    height: 400px;
  }

  .text-block-12 {
    font-size: 25px;
    line-height: 30px;
  }

  .text-span-3 {
    font-size: 15px;
  }

  .image {
    flex-basis: 90%;
  }

  .main-middle-lock-up-home {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 17px;
  }

  .main-blue {
    width: 10vw;
    height: auto;
  }

  .main-middle-lock-up {
    justify-content: flex-start;
    width: 50vw;
    padding: 50px;
  }

  .content-holder {
    flex-basis: 60%;
    left: 10%;
    right: auto;
  }

  .equipment-content {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .text-span-4, .text-block-13 {
    font-size: 13px;
  }

  .contact-page-cta.long {
    min-width: 600px;
  }

  .equipment-page-cta {
    min-width: 650px;
  }

  .middle-container-lock-up-home {
    flex: 0 0 100%;
  }

  .spacer1 {
    height: 10px;
  }

  .get-in-touch-text {
    flex: 0 auto;
    align-self: auto;
    font-size: 30px;
    line-height: 41px;
  }

  .text-section1 {
    font-size: 13px;
  }

  .equipment-section {
    width: 80%;
  }

  .section {
    margin-bottom: 0;
    padding: 10%;
  }

  .section-information {
    padding: 10%;
  }

  .text-section1-service {
    font-size: 13px;
  }

  .spacer2-contact, .spacer1-service-top {
    height: 20px;
  }

  .text-block-20 {
    font-size: 13px;
  }

  .gradient-banner-equipment {
    flex-direction: row;
    width: 100%;
    display: none;
  }

  .equipment-gradient-buttons {
    letter-spacing: 0;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 12px;
  }

  .equipment-gradient-buttons:hover {
    font-weight: 600;
  }

  .equipment-gradient-buttons.mobile {
    margin-top: 5px;
    margin-bottom: 5px;
  }

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

  .blue-box {
    justify-content: flex-start;
  }

  .div-block-55 {
    width: 100px;
  }

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

  .text-block-23 {
    font-size: 40px;
    line-height: 50px;
  }

  .spacer-content {
    width: 80%;
  }

  .spacer {
    width: 100%;
  }

  .product-content {
    flex-direction: column;
    margin-top: 58px;
    padding: 50px;
  }

  .split-div-product {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    width: 100%;
    min-height: 500px;
  }

  .split-div-product.text {
    flex: 0 auto;
    align-self: center;
    width: 100%;
    height: 100%;
    min-height: auto;
    margin-top: 50px;
  }

  .split-div-product.tb {
    flex-direction: row;
    flex: 1;
    align-self: flex-end;
    align-items: stretch;
    margin-left: 25px;
    margin-right: 0;
  }

  .product-detail-content-holder {
    flex: 1;
    align-self: center;
  }

  .product-card-holder {
    flex: 0 100%;
    justify-content: flex-end;
    align-items: stretch;
    padding-right: 0;
  }

  .product-details {
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .product-hire-button-holder {
    flex: 0 auto;
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-hire-button.spec-sheet {
    margin-bottom: 0;
  }

  .product-card-image {
    flex: 0 auto;
    justify-content: flex-start;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .product-card-image.enforcer-3-52t-rough-terrain, .product-card-image.manitou-mlt-x-730-telehandler {
    width: 90%;
    height: 90%;
  }

  .text-block-29, .text-block-31 {
    font-size: 13px;
  }

  .product-gradient {
    min-width: 500px;
  }

  .text-block-45 {
    font-size: 13px;
  }

  .text-block-46, .text-block-47 {
    font-size: 30px;
    line-height: 40px;
  }

  .text-block-48 {
    line-height: 40px;
  }

  .drop-menu, .drop-menu-content {
    display: none;
  }

  .selector {
    background-image: url('../images/blue_gradient.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: static;
  }

  .text-block-52 {
    color: #fff;
  }

  .dropdown-toggle {
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    display: flex;
  }

  .dropdown-toggle.w--open {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .drop-menu-equipment.w--open {
    background-image: url('../images/blue_gradient.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    width: 250px;
    height: auto;
    display: flex;
    position: absolute;
    inset: 100% 0% auto;
  }

  .div-block-89 {
    background-image: url('../images/blue_gradient.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
    inset: -100% 0% auto;
  }

  .cat-button {
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-weight: 600;
    display: flex;
  }

  .cat-button:hover {
    font-weight: 700;
  }

  .equipment-drop-menu {
    z-index: 1;
    background-image: url('../images/blue_gradient.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0;
    display: none;
    position: static;
  }

  .equipment-menu-bar {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-90 {
    color: #fff;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
  }

  .div-block-91, .div-block-92, .div-block-93 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }

  .dropdown-list {
    width: 100%;
  }

  .dropdown-list.w--open {
    display: flex;
    position: static;
  }

  .dropdown-toggle-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-toggle-2.w--open {
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 314px;
    padding-right: 314px;
    display: flex;
  }

  .equipment-button {
    display: flex;
  }

  .catagories {
    background-image: linear-gradient(45deg, var(--dark-slate-blue), var(--dodger-blue));
    color: var(--white);
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    padding-bottom: 0;
    padding-right: 0;
    font-weight: 600;
    display: flex;
  }

  .catagories:hover {
    font-weight: 700;
  }

  .options {
    background-image: linear-gradient(45deg, var(--dark-slate-blue), var(--dodger-blue));
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px;
    display: flex;
  }

  .options-button {
    z-index: 100;
    color: var(--white);
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    position: static;
  }

  .options-button:hover {
    font-weight: 700;
  }

  .section-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: block;
  }

  .section-service-and-contact-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .middle-lock-up-content-mobile.contact {
    margin-left: -50px;
  }

  .section-contact-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .middle-lock-up-content-mobile-contact.contact {
    margin-left: -50px;
  }

  .section-service-and-contact-mobile-copy, .section-main-contact-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .text-box-mobile {
    margin-right: 0;
  }

  .top-text {
    width: auto;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .split-div-product-new {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    margin-right: 22px;
  }

  .split-div-product-new.text {
    align-self: center;
  }

  .split-div-product-new.tb {
    flex-direction: row;
    flex: 0 auto;
    align-self: flex-end;
    align-items: flex-end;
    height: 100%;
    min-height: 500px;
    margin: 0;
    padding-top: 50px;
  }

  .image-lock-up {
    border-left: 10vw solid var(--white);
    background-image: url('../images/our_service_page-we_can_offer.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    width: 100%;
    height: 600px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-lock-up.contact {
    border-left-width: 10vw;
    border-left-color: var(--white);
    background-image: url('../images/taswide_equipment_hire-photography-2021-NDA_3678.jpg');
    background-position: 50%;
    background-size: cover;
    height: 550px;
  }

  .box-container {
    background-color: #fff;
    width: auto;
    height: auto;
    margin-left: -10vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .back-button-holder {
    width: 150px;
    height: 50px;
    margin-left: 50px;
  }

  .back-button {
    justify-content: flex-start;
    margin-left: 0;
  }

  .contact-text {
    font-size: 13px;
  }

  .text-block-58, .text-block-59 {
    font-size: 15px;
  }

  .div-block-99 {
    display: none;
  }

  .text-block-60, .text-block-61 {
    font-size: 13px;
  }

  .div-block-101 {
    width: 100%;
    height: 3px;
    padding-right: 50px;
  }

  .div-block-104 {
    top: 150px;
    left: -345px;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    display: none;
  }

  .navbar-text, .navbar-text.w--current {
    margin-right: 0;
  }

  .top-banner-content {
    min-width: 400px;
  }

  .div-block-15 {
    width: 200px;
    min-width: auto;
    height: 40px;
  }

  .cta-footer {
    min-width: 200px;
  }

  .div-block-18 {
    width: 100px;
  }

  .text-block-5 {
    font-size: 30px;
    line-height: 35px;
  }

  .cta {
    width: 100%;
  }

  .footer-bottom-logo {
    width: 50%;
  }

  .footer-bottom-logo.w--current {
    width: 200px;
  }

  .footer-cta-navbar {
    justify-content: center;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }

  .navbar-text-footer {
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-span {
    text-decoration: none;
  }

  .content-image {
    height: 100%;
  }

  .main-middle-content-home {
    flex-basis: 82%;
    min-width: 60%;
    height: auto;
    margin-bottom: 0;
    margin-left: -16%;
  }

  .card-holder {
    flex-direction: column;
    flex: 0 auto;
    width: 100%;
    margin-top: -150px;
    margin-bottom: 0;
    display: flex;
  }

  .gradient-banner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 335px;
    padding-top: 0;
  }

  .gradient-content {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 55%;
    margin-top: 0;
    padding: 0 0 0%;
  }

  .div-block-33 {
    width: 50%;
  }

  .text-block-9 {
    padding-right: 0;
    font-size: 35px;
    line-height: 50px;
  }

  .cards {
    flex: 0 auto;
    width: 80%;
    height: 250px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .cards.middle {
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .text-block-12 {
    font-size: 25px;
    line-height: 30px;
  }

  .text-span-3 {
    font-size: 15px;
    line-height: 17px;
  }

  .big-companies-card {
    height: 60%;
  }

  .image {
    flex-basis: 90%;
    margin-left: 0;
  }

  .main-middle-lock-up-home {
    width: 80%;
    padding: 40px;
  }

  .main-blue-home {
    width: 10%;
  }

  .main-blue {
    align-self: auto;
  }

  .main-middle-lock-up {
    width: 60vw;
    height: auto;
    min-height: 100%;
    padding: 40px;
  }

  .main-middle-lock-up.contact {
    align-items: flex-start;
  }

  .content-holder {
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
  }

  .contact-page-cta {
    min-width: 520px;
  }

  .contact-page-cta.long {
    min-width: 450px;
  }

  .equipment-page-cta {
    min-width: 520px;
    font-size: 50px;
  }

  .text-holder-home {
    height: 40%;
  }

  .middle-section {
    margin-bottom: 0;
  }

  .container {
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .middle-container-lock-up-home {
    flex: 0 0 100%;
    align-self: stretch;
  }

  .equipment-section.lifts {
    justify-content: center;
  }

  .section {
    padding-top: 10%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-information {
    padding: 50px;
  }

  .text-block-20 {
    font-size: 13px;
  }

  .grid {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .div-block-55 {
    width: 100px;
    height: 25px;
  }

  .spacer {
    width: 100%;
  }

  .product-content {
    flex-direction: column;
    align-items: center;
    margin-top: 44px;
    padding: 50px;
  }

  .split-div-product {
    flex: 1;
    align-self: stretch;
    width: 100%;
    min-height: 500px;
    margin-top: -99px;
  }

  .split-div-product.text {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    height: auto;
    min-height: auto;
    margin-top: 50px;
    margin-left: 0;
    padding-right: 0;
  }

  .product-detail-content-holder {
    width: 100%;
  }

  .product-card-holder {
    flex: 1;
    padding-right: 0;
  }

  .product-details.text {
    margin-bottom: 12px;
  }

  .product-detail-info {
    justify-content: flex-start;
  }

  .product-card-background {
    height: 80%;
  }

  .product-gradient {
    min-width: 400px;
    height: 80px;
  }

  .text-block-45 {
    text-align: left;
  }

  .text-block-47 {
    line-height: 35px;
  }

  .navbar-mobile {
    z-index: 100;
    background-color: #fff;
    width: 100%;
    height: 44px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .div-block-73 {
    color: #fff;
    background-color: #488fcc;
    justify-content: center;
    align-items: center;
    width: 50%;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    display: flex;
  }

  .div-block-73:hover {
    font-size: 14px;
  }

  .text-block-49 {
    background-color: #0000;
  }

  .div-block-74 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .drop-menu-button-ham {
    flex: 0 auto;
    order: 0;
    justify-content: flex-end;
    width: 50%;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-76 {
    background-image: url('../images/taswide_equipment_hire-single_logo-colour.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-77 {
    background-image: url('../images/taswide_equipment_hire-burger_icon-black.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15%;
    height: 100%;
    margin-right: 50px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .drop-menu {
    z-index: 1000;
    background-image: url('../images/blue_gradient.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .drop-menu-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    display: flex;
  }

  .hamburger-exit {
    background-color: #0000;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 15px 50px 15px 0;
    display: flex;
  }

  .div-block-81 {
    background-image: url('../images/taswide_equipment_hire-cross_icon-white-01.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
    align-items: center;
    width: 15px;
    height: 15px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .logo-ham {
    background-image: url('../images/taswide_equipment_hire-logo-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .buttons-ham {
    z-index: 2000;
    letter-spacing: 1px;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .copyrights-ham {
    color: #fff;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 250px;
    padding-bottom: 0;
    font-size: 9px;
    display: flex;
  }

  .text-block-50 {
    text-align: center;
  }

  .div-block-85, .div-block-86, .div-block-87 {
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-51 {
    text-transform: uppercase;
    font-family: Sourcesanspro, sans-serif;
    display: block;
  }

  .hamburger-button {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    text-decoration: none;
    display: flex;
  }

  .hamburger-button:hover {
    font-size: 14px;
    font-weight: 700;
  }

  .hamburger-button.w--current {
    letter-spacing: 1px;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
  }

  .equipment-menu-bar {
    height: auto;
  }

  .equipment-button {
    display: flex;
  }

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

  .middle-container-lock-up-service-mobile, .main-middle-container-mobile {
    justify-content: center;
    align-items: center;
  }

  .main-middle-lock-up-mobile {
    padding: 50px 25px;
  }

  .main-middle-lock-up-mobile.contact {
    align-items: flex-start;
  }

  .middle-lock-up-content-mobile {
    height: 90%;
  }

  .main-middle-lock-up-mobile-contact {
    padding: 50px 25px;
  }

  .main-middle-lock-up-mobile-contact.contact {
    align-items: flex-start;
  }

  .middle-container-lock-up-contact-mobile {
    justify-content: center;
    align-items: center;
  }

  .middle-lock-up-content-mobile-contact {
    height: 90%;
  }

  .main-middle-container-mobile-contact, .middle-container-lock-up-contact-mobile-copy {
    justify-content: center;
    align-items: center;
  }

  .text-box-mobile {
    margin-right: 0;
  }

  .text-box-mobile.second {
    margin-top: -15px;
  }

  .top-text {
    width: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .split-div-product-new {
    flex: 1;
    align-self: stretch;
    width: 100%;
    margin-top: 2px;
  }

  .split-div-product-new.text {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    height: auto;
    min-height: auto;
    margin-top: 50px;
    margin-left: 0;
    padding-right: 0;
  }

  .split-div-product-new.tb {
    width: auto;
    min-height: 500px;
    margin-left: 0;
    padding-top: 50px;
  }

  .image-lock-up {
    padding-left: 0;
  }

  .image-lock-up.contact {
    height: 550px;
  }

  .box-container {
    width: auto;
    min-width: 200px;
    height: auto;
  }

  .back-button-holder {
    height: 50px;
    margin-top: 44px;
    margin-left: 50px;
    display: flex;
  }

  .back-button {
    height: 20px;
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-96 {
    font-size: 15px;
  }

  .contact-text {
    font-size: 13px;
  }

  .text-block-58, .text-block-59 {
    font-size: 15px;
  }

  .link-5 {
    color: #fff;
    text-decoration: none;
  }

  .div-block-100 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 250px;
    display: flex;
  }

  .link-6 {
    text-decoration: none;
  }

  .div-block-104 {
    left: -255px;
  }

  .text-block-63 {
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .top-banner-home {
    height: 500px;
  }

  .navbar-text {
    margin-left: 0;
    margin-right: 10px;
    font-size: 12px;
  }

  .navbar-text.w--current {
    margin-left: 0;
    margin-right: 10px;
  }

  .top-banner-content {
    width: 50%;
    min-width: 200px;
  }

  .div-block-15 {
    min-width: 150px;
    height: 25px;
  }

  .div-block-16 {
    width: 100%;
    min-width: 200px;
    height: 50px;
  }

  .cta-footer {
    min-width: 150px;
    height: 25px;
  }

  .cta-footer.w--current {
    min-width: 200px;
  }

  .text-block-4 {
    font-size: 10px;
  }

  .div-block-18 {
    width: 100px;
    height: 30px;
  }

  .text-block-5 {
    font-size: 20px;
    line-height: 30px;
  }

  .footer-content {
    min-width: auto;
    min-height: auto;
  }

  .footer-bottom-logo {
    width: 50%;
  }

  .footer-bottom-logo.w--current {
    width: 150px;
  }

  .footer-cta-navbar {
    justify-content: center;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .navbar-text-footer {
    margin-right: 10px;
    font-size: 12px;
  }

  .navbar-text-footer.w--current, .navbar-text-footer.service, .navbar-text-footer.home, .navbar-text-footer.equipment {
    margin-right: 10px;
  }

  .content-image {
    flex: 0 0 450px;
    align-self: auto;
    width: 100%;
    margin: -450px 0 0;
    position: static;
  }

  .content-image.contact {
    flex-basis: 100%;
    margin-left: 0;
  }

  .main-middle-content-home {
    flex: 0 auto;
    width: auto;
    min-width: 60%;
    height: auto;
    margin-left: -60%;
  }

  .taswide-content-logo {
    align-self: flex-start;
  }

  .top-banner-sevice, .top-banner-equipment, .top-banner-contact {
    height: 500px;
  }

  .card-holder {
    width: 100%;
    min-height: 300px;
    margin-top: -200px;
    margin-bottom: 50px;
    display: flex;
  }

  .gradient-banner {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 335px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-8 {
    font-size: 10px;
    line-height: 20px;
  }

  .gradient-content {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 40%;
    margin-top: 0;
    padding: 0 10%;
  }

  .div-block-33 {
    justify-content: center;
    margin-top: 0;
  }

  .div-block-33.text {
    margin-top: 0;
  }

  .text-block-9 {
    padding-right: 0;
    font-size: 20px;
    line-height: 30px;
    display: block;
  }

  .cards {
    width: 80%;
    height: 250px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .image {
    flex: 0 0 75%;
    margin-left: 10%;
    margin-right: 0%;
  }

  .main-middle-lock-up-home {
    flex: none;
    width: 80%;
    padding: 25px;
  }

  .main-blue-home {
    width: 10%;
    padding-left: 0;
  }

  .main-blue {
    flex: 0 auto;
    align-self: stretch;
    width: 35px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
  }

  .main-middle-lock-up {
    z-index: 1;
    width: 80%;
    margin-right: 0;
    padding: 25px;
    position: static;
    right: auto;
  }

  .main-middle-lock-up.contact {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .content-holder {
    flex: none;
    align-items: flex-start;
    width: 80%;
    height: auto;
    margin: 0 0 50px;
    padding-right: 0;
    position: static;
    top: 0;
    left: 50px;
    right: 50px;
  }

  .top-banner-content-contact {
    width: 50%;
    min-width: 200px;
  }

  .contact-page-cta {
    flex-direction: row;
    justify-content: center;
    width: 50%;
    min-width: 200px;
    height: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-page-cta.long {
    width: 60%;
    min-width: 300px;
  }

  .footer-content-contact {
    background-position: 50% 0;
  }

  .equipment-page-cta {
    width: 300px;
    min-width: 0;
    height: 80px;
  }

  .container {
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 500px;
    margin-bottom: 0;
  }

  .middle-container-lock-up-home {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    height: 100px;
  }

  .spacer1 {
    justify-content: flex-start;
  }

  .spacer1.two {
    height: 10px;
  }

  .who-are-we-text {
    justify-content: flex-start;
    align-self: auto;
    width: 100%;
    display: flex;
  }

  .section {
    padding-top: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-information {
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 35px;
    display: flex;
  }

  .spacer2-contact, .spacer1-service-top {
    height: 10px;
  }

  .text-block-20 {
    line-height: 22px;
  }

  .grid {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .blue-box {
    align-items: flex-start;
    width: 100%;
  }

  .equipment-card-gradient-text {
    font-size: 10px;
  }

  .text-block-22 {
    line-height: 12px;
  }

  .card-body {
    height: 200px;
  }

  .div-block-55 {
    flex: 0 auto;
    align-self: auto;
    width: 100px;
    height: 25px;
  }

  .div-block-56 {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .div-block-57 {
    align-self: center;
  }

  .div-block-58 {
    flex-direction: row;
    flex: none;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .text-block-23 {
    align-self: auto;
    font-size: 20px;
    line-height: 20px;
  }

  .text-block-25 {
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: block;
  }

  .div-block-59 {
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px;
  }

  .spacer-content {
    height: 100px;
  }

  .product-content {
    justify-content: center;
    height: 100%;
    min-height: 750px;
    margin-top: 44px;
    padding: 25px;
  }

  .split-div-product {
    flex: 1;
    align-items: stretch;
    min-height: 350px;
    margin-top: 0;
    margin-right: 0;
  }

  .split-div-product.text {
    flex: 0 auto;
    align-self: auto;
    align-items: stretch;
    margin-top: 25px;
    margin-right: 0;
  }

  .product-detail-content-holder {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .product-card-holder {
    justify-content: flex-end;
  }

  .key-text {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .product-title-text {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
  }

  .product-details {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .product-detail-info {
    align-items: flex-start;
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .product-card-background {
    height: 100%;
  }

  .product-card-image {
    background-size: contain;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
  }

  .product-card-image.jlg-es3246 {
    width: 115%;
  }

  .product-card-image.nifty-120t-trailer-mount {
    background-size: contain;
  }

  .text-holder {
    justify-content: flex-start;
    width: 95%;
  }

  .banner-product-detail {
    width: 25%;
    margin-top: 0;
    margin-left: 25px;
    display: flex;
  }

  .product-gradient {
    width: 50%;
    min-width: 250px;
    height: 60px;
  }

  .text-block-46 {
    text-align: left;
    line-height: 30px;
  }

  .text-block-47 {
    line-height: 30px;
  }

  .div-block-73 {
    min-width: 80px;
    font-size: 11px;
  }

  .div-block-73:hover {
    font-size: 12px;
  }

  .drop-menu-button-ham {
    justify-content: flex-end;
    align-items: center;
    min-width: 80px;
  }

  .div-block-76 {
    min-width: 70px;
  }

  .div-block-77 {
    width: 15px;
    height: 10px;
    margin-right: 25px;
  }

  .drop-menu {
    height: 100vh;
    display: none;
  }

  .drop-menu-content {
    margin-top: 50px;
    padding-top: 0;
  }

  .hamburger-exit {
    padding-left: 0;
    padding-right: 25px;
  }

  .div-block-81 {
    width: 15px;
    height: 15px;
  }

  .logo-ham {
    width: 200px;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .buttons-ham {
    height: 50%;
    margin-top: 0;
    margin-bottom: -150px;
    padding-bottom: 0;
  }

  .copyrights-ham {
    height: 430px;
  }

  .equipment-drop-menu {
    display: none;
  }

  .equipment-button {
    width: 100%;
  }

  .options {
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .options-button {
    display: flex;
  }

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

  .section-service-and-contact-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 700px;
    margin-top: 190px;
    margin-bottom: 50px;
    display: none;
  }

  .middle-container-lock-up-service-mobile {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 80%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .main-middle-container-mobile {
    z-index: auto;
    flex-direction: row;
    flex: 0 auto;
    align-self: center;
    width: 80%;
    min-width: 240px;
    height: auto;
    margin: 0 0 -350px;
    padding: 0;
    position: relative;
    top: auto;
    right: auto;
  }

  .main-blue-mobile {
    width: 10%;
    padding-right: 0;
  }

  .main-middle-lock-up-mobile {
    z-index: 1;
    flex: 0 auto;
    width: 100%;
    margin-right: 0;
    padding: 25px;
    position: static;
    right: auto;
  }

  .main-middle-lock-up-mobile.contact {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .middle-lock-up-content-mobile {
    flex: 0 0 100%;
    align-self: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .middle-lock-up-content-mobile.contact {
    flex-basis: 100%;
    margin-left: 0;
  }

  .section-contact-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-top: 190px;
    margin-bottom: 50px;
    display: flex;
  }

  .main-middle-lock-up-mobile-contact {
    z-index: 1;
    flex: 0 auto;
    justify-content: space-around;
    width: 100%;
    margin-right: 0;
    padding: 40px;
    position: static;
    right: auto;
  }

  .main-middle-lock-up-mobile-contact.contact {
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .middle-container-lock-up-contact-mobile {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 80%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .middle-lock-up-content-mobile-contact {
    background-image: url('../images/contact_page-get_in_touch.jpg');
    flex: 0 0 100%;
    align-self: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .middle-lock-up-content-mobile-contact.contact {
    flex-basis: 100%;
    margin-left: 0;
  }

  .section-service-and-contact-mobile-copy, .section-main-contact-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 600px;
    margin-top: 190px;
    margin-bottom: 50px;
    display: flex;
  }

  .main-middle-container-mobile-contact {
    z-index: auto;
    flex-direction: row;
    flex: 0 auto;
    align-self: center;
    width: 80%;
    min-width: 240px;
    height: 100%;
    margin: 0 0 -350px;
    padding: 0;
    position: relative;
    top: auto;
    right: auto;
  }

  .middle-container-lock-up-contact-mobile-copy {
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 80%;
    min-height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-box-mobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 40px;
    display: flex;
  }

  .text-box-mobile.second {
    margin-top: 0;
  }

  .top-text {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .top-text.second {
    margin-top: -5px;
  }

  .div-block-94 {
    padding-left: 0;
    padding-right: 0;
  }

  .split-div-product-new {
    flex: 1;
    align-items: stretch;
    margin-top: 0;
    margin-right: 0;
  }

  .split-div-product-new.text {
    flex: 0 auto;
    align-self: auto;
    align-items: stretch;
    margin-right: 0;
  }

  .split-div-product-new.tb {
    margin-left: 0;
    padding-top: 25px;
  }

  .image-lock-up {
    border-left-width: 53px;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 900px;
    height: 600px;
    margin-left: 0;
    padding-left: 0;
  }

  .image-lock-up.service {
    border-left-width: 35px;
    width: 100%;
  }

  .box-container {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    margin-left: -35px;
    padding-right: 0;
  }

  .back-button-holder {
    width: 100%;
    margin-top: 69px;
    margin-left: 0;
    padding-left: 15px;
  }

  .back-button {
    justify-content: flex-start;
    width: 80%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
    font-size: 13px;
    line-height: 15px;
  }

  .spacer1-contact, .s2 {
    height: 10px;
  }

  .div-block-104 {
    font-size: 14px;
    left: -144px;
  }

  .text-block-63 {
    font-size: 14px;
  }

  .spec__text {
    font-size: 10px;
  }
}

#w-node-b2091ceb-c1bc-f4a7-db25-90dda3c34462-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_3deda627-7e80-c21b-5fe3-53f25205caa2-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_41964968-0503-3218-f003-1db05a826286-1e2b4db1, #w-node-_5ada7d93-8b99-85af-b5e8-b417e3a147be-1e2b4db1, #w-node-b0092a52-3156-8aa5-85ff-eaf09b7cf09b-1e2b4db1, #w-node-f7d3b8ef-3433-cffd-a96b-3e51818a50af-1e2b4db1, #w-node-_861778eb-2141-ebef-3f56-6fd455a34a93-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43432565-4d5f-6fdc-dd02-407b1d53bbbf-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_43432565-4d5f-6fdc-dd02-407b1d53bbcb-1e2b4db1, #w-node-_93792710-d1d2-c307-7c89-0ec4bb3734dc-1e2b4db1, #w-node-_78a5193c-851f-7102-97a0-6b77d978b0cc-1e2b4db1, #w-node-_27df3e23-6384-294a-8426-45109eb18ec7-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_341b383f-b21c-ec62-5810-6c58dbab1ea4-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_341b383f-b21c-ec62-5810-6c58dbab1eb0-1e2b4db1, #w-node-cda906ec-360e-c07a-89ed-6cdcc4d96393-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-f7fc926c-b51e-52e0-5cee-6bcdca1f7cda-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-f7fc926c-b51e-52e0-5cee-6bcdca1f7ce7-1e2b4db1, #w-node-f7fc926c-b51e-52e0-5cee-6bcdca1f7cf5-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-ef27bd5d-a19a-38d2-322f-61d6906e85d2-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-ef27bd5d-a19a-38d2-322f-61d6906e85df-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d4dec26b-272d-b337-f848-94f6a81a4399-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-d4dec26b-272d-b337-f848-94f6a81a43a5-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_857adec2-854f-bceb-3bec-f03c2186cb48-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_857adec2-854f-bceb-3bec-f03c2186cb54-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_570c7a2b-df2c-a6bc-e2b4-8a2b0f59b23c-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_570c7a2b-df2c-a6bc-e2b4-8a2b0f59b248-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_570c7a2b-df2c-a6bc-e2b4-8a2b0f59b250-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_570c7a2b-df2c-a6bc-e2b4-8a2b0f59b25c-1e2b4db1, #w-node-_34f338b9-9c22-fc72-27d8-48b8440b6659-1e2b4db1, #w-node-_2409017c-67b8-e18b-480c-7c9a90f836ff-1e2b4db1, #w-node-bce5d1b8-d4df-5f86-5319-1a3de9b39e5a-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d5ee9675-3d11-17ab-aaa9-eb2fbd20f2c7-1e2b4db1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-d5ee9675-3d11-17ab-aaa9-eb2fbd20f2d3-1e2b4db1, #w-node-d5ee9675-3d11-17ab-aaa9-eb2fbd20f2dc-1e2b4db1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}


@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourcesanspro';
  src: url('../fonts/SourceSansPro-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}