.home {
  background-color: #131313;
}

.navbar {
  justify-content: space-between;
  align-items: center;
  padding: 2vw 4vw;
  display: flex;
  position: relative;
}

.nsi1 {
  height: 8vw;
}

.nsd2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}

.nsd3 {
  flex-flow: column;
  justify-content: space-between;
  width: 4vw;
  height: 4vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.nsd4 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #fafafa;
  border-radius: 1vw;
  flex-flow: column;
  padding: 2vw 2vw 2vw 4vw;
  display: flex;
  position: absolute;
  inset: 10vw 4vw auto auto;
}

.nsd5 {
  background-color: #fafafa;
  border-radius: .2vw;
  width: 100%;
  height: .4vw;
}

.l1 {
  color: #807f7c;
  text-align: right;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.l1.l1-2 {
  color: #e8a020;
}

.nsd6 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.hero {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.hsd1 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.t1 {
  color: #e8a020;
  letter-spacing: .4vw;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
}

.h1 {
  color: #fafafa;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 10vw;
  font-weight: 400;
  line-height: 120%;
}

.p1 {
  color: #807f7c;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
}

.p1.p1-sp {
  width: 50%;
}

.hsd2 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  display: flex;
}

.b1 {
  color: #131313;
  text-transform: uppercase;
  background-color: #e8a020;
  padding: 1vw 2vw;
  font-family: Oswald, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 100%;
  transition: all .4s;
}

.b1:hover {
  color: #fafafa;
  transform: scale(1.1);
}

.b1.b1-2 {
  color: #807f7c;
  background-color: #e8a02000;
}

.b1.b1-2:hover {
  color: #fafafa;
}

.h1-2 {
  color: #e8a020;
}

.line {
  background-color: #e8a020;
  overflow: hidden;
}

.lsd1 {
  justify-content: space-between;
  width: 200%;
  display: flex;
}

.lsd2 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex: 1;
  justify-content: space-between;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 2vw;
  display: flex;
}

.t4 {
  color: #131313;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 100%;
}

.method {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.msd1 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.t2 {
  color: #e8a020;
  letter-spacing: .4vw;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 1vw;
  line-height: 100%;
}

.t2.t2-sp {
  align-self: flex-start;
}

.h2 {
  color: #fafafa;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 6vw;
  font-weight: 400;
  line-height: 120%;
}

.h2.h2-sp {
  font-size: 4vw;
}

.p2 {
  color: #807f7c;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p2.p2-sp {
  width: 50%;
}

.p2.p2-2 {
  color: #fafafa;
  font-size: 1.4vw;
}

.p2.p2-4 {
  text-align: center;
}

.msd2 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.p2-3 {
  color: #e8a020;
}

.slider {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.ssd1 {
  background-color: #ddd0;
  height: auto;
}

.ssd2, .ssd3 {
  height: auto;
}

.ssi1 {
  width: 100%;
}

.ssd4 {
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  height: 40vw;
  display: flex;
  overflow: hidden;
}

.ssd4.ssd4-2 {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  height: 32vw;
}

.price {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.psd1 {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.psd2 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #161616;
  flex-flow: column;
  width: 50%;
  padding: 2vw;
  display: flex;
}

.psd2.psd2-2 {
  background-color: #1a1400;
}

.psd3 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  display: flex;
}

.t3 {
  color: #e8a020;
  letter-spacing: .4vw;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: .8vw;
  line-height: 100%;
  text-decoration: none;
}

.t3.t3-2 {
  letter-spacing: 0;
  font-size: 2vw;
  font-weight: 700;
}

.t3.t3-sp {
  color: #fafafa;
}

.h3 {
  color: #fafafa;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 120%;
}

.p3 {
  color: #807f7c;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 1vw;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.p3.p3-sp {
  width: 80%;
  text-decoration: none;
}

.psd4 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.psd5 {
  border-top: .2vw solid #807f7c;
  justify-content: space-between;
  align-items: center;
  padding-top: 2vw;
  display: flex;
}

.msd3 {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  flex-flow: column;
  display: flex;
}

.ssd5 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #fafafa;
  border-radius: 2vw;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2vw 4vw;
  display: flex;
}

.ssi2 {
  width: 10vw;
}

.ssd6 {
  grid-column-gap: .2vw;
  grid-row-gap: .2vw;
  display: flex;
}

.ssi3 {
  height: 2vw;
}

.ssl1 {
  color: #e8a020;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.ssd7 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ssi4 {
  height: 2vw;
}

.p2-5 {
  font-weight: 700;
}

.msd4 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.msi1 {
  height: 6vw;
}

.icon, .icon-2 {
  color: #131313;
}

.slide-nav {
  display: none;
}

.contact {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.csd2 {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  display: flex;
}

.csd3 {
  color: #807f7c;
  background-color: #131313;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 1vw 2vw;
  font-family: Inconsolata, monospace;
  font-size: 1vw;
  font-weight: 400;
  line-height: 100%;
}

.csb1 {
  color: #131313;
  text-transform: uppercase;
  background-color: #e8a020;
  border-radius: 1vw;
  padding: 1vw 2vw;
  font-family: Oswald, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 100%;
}

.footer {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #161616;
  flex-flow: column;
  justify-content: space-between;
  padding: 4vw;
  display: flex;
}

.fsd1 {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.fsd3 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.fsd2 {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  display: flex;
}

.fsd4 {
  transition: all .4s;
}

.fsd4:hover {
  transform: scale(1.15);
}

.fsi1 {
  height: 2vw;
}

.fsd5 {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  display: flex;
}

.fsd6 {
  justify-content: space-between;
  display: flex;
}

.map {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
  padding: 4vw;
  display: flex;
}

.msd5 {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .navbar {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .nsi1 {
    height: 12vw;
  }

  .nsd3 {
    width: 8vw;
    height: 8vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .nsd4 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    border-radius: 2vw;
    padding: 4vw 4vw 4vw 8vw;
    top: 16vw;
  }

  .nsd5 {
    border-radius: .4vw;
    height: .8vw;
  }

  .l1 {
    font-size: 3.6vw;
  }

  .nsd6 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .hero {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .hsd1 {
    width: 90%;
  }

  .t1 {
    font-size: 2vw;
  }

  .h1 {
    font-size: 12vw;
  }

  .p1.p1-sp {
    width: 80%;
    font-size: 2vw;
  }

  .b1 {
    padding: 2vw 4vw;
    font-size: 3vw;
  }

  .lsd1 {
    width: 260%;
  }

  .lsd2 {
    padding-top: 2vw;
    padding-bottom: 2vw;
    padding-left: 4vw;
  }

  .t4 {
    font-size: 2vw;
  }

  .method {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .msd1 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .t2 {
    font-size: 1.6vw;
  }

  .h2 {
    font-size: 8vw;
  }

  .p2 {
    font-size: 2vw;
    text-decoration: none;
  }

  .p2.p2-sp {
    width: 80%;
  }

  .p2.p2-2 {
    font-size: 2vw;
  }

  .msd2 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .slider {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .ssd4 {
    border-radius: 4vw;
    height: 60vw;
  }

  .ssd4.ssd4-2 {
    height: 45vw;
  }

  .price {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .psd1 {
    grid-column-gap: .4vw;
    grid-row-gap: .4vw;
    flex-flow: column;
  }

  .psd2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    width: 100%;
    padding: 4vw;
  }

  .psd3 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .t3 {
    font-size: 1.6vw;
  }

  .t3.t3-2 {
    font-size: 4vw;
  }

  .h3 {
    font-size: 5vw;
  }

  .p3.p3-sp {
    width: 100%;
    font-size: 1.8vw;
  }

  .psd4 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .psd5 {
    padding-top: 4vw;
  }

  .msd3 {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
  }

  .ssd5 {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .ssd5.ssd5-2 {
    display: none;
  }

  .ssi2 {
    width: 14vw;
  }

  .ssl1 {
    font-size: 2vw;
  }

  .ssi4 {
    height: 3vw;
  }

  .msi1 {
    height: 8vw;
  }

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

  .contact {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .csd2 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .csd3 {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 1.8vw;
  }

  .csb1 {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 3vw;
  }

  .footer {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .fsd3 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .fsi1 {
    height: 4vw;
  }

  .fsd5 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .map {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .nsi1 {
    height: 14vw;
  }

  .nsd3 {
    width: 10vw;
    height: 10vw;
  }

  .nsd4 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    border-radius: 4vw;
    padding: 6vw 6vw 6vw 10vw;
    top: 22vw;
  }

  .nsd5 {
    height: 1vw;
  }

  .l1 {
    font-size: 5vw;
  }

  .nsd6 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .hero {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .hsd1 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .t1 {
    font-size: 3vw;
  }

  .p1.p1-sp {
    width: 100%;
    font-size: 3.2vw;
  }

  .hsd2 {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .b1 {
    padding: 3vw 5vw;
    font-size: 4vw;
  }

  .lsd1 {
    width: 380%;
  }

  .lsd2 {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .t4 {
    font-size: 3vw;
  }

  .method {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .msd1 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
  }

  .t2 {
    font-size: 2.6vw;
  }

  .h2 {
    font-size: 10vw;
  }

  .p2 {
    font-size: 3.2vw;
  }

  .p2.p2-sp {
    width: 100%;
    font-size: 3.2vw;
  }

  .p2.p2-2 {
    font-size: 3.2vw;
  }

  .p2.p2-6 {
    font-size: 2.4vw;
  }

  .msd2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .slider {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .ssd4.ssd4-2 {
    height: 64vw;
  }

  .price {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .psd1 {
    grid-column-gap: .8vw;
    grid-row-gap: .8vw;
  }

  .psd2 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding: 6vw;
  }

  .psd3 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .t3 {
    font-size: 2.4vw;
  }

  .t3.t3-2 {
    font-size: 6vw;
  }

  .h3 {
    font-size: 7vw;
  }

  .p3.p3-sp {
    width: 100%;
    font-size: 3vw;
  }

  .psd4 {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
  }

  .psd5 {
    padding-top: 6vw;
  }

  .msd3 {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
  }

  .ssd5 {
    padding: 4vw 1vw;
  }

  .ssi2 {
    width: 18vw;
  }

  .ssi3 {
    height: 4vw;
  }

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

  .contact {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .csd2 {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
  }

  .csd3 {
    padding: 4vw;
    font-size: 3vw;
  }

  .csb1 {
    border-radius: 2vw;
    padding: 4vw;
    font-size: 5vw;
  }

  .footer {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .fsd3, .fsd2 {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .fsi1 {
    height: 6vw;
  }

  .map {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}

/* Footer link hover - brand color */
.fsd3 a.p2:hover {
  color: #e8a020;
}