.body {
  overflow: hidden;
  font-family: 'Lato webfont', sans-serif;
  color: #fff;
  font-weight: 300;
}

.line {
  position: relative;
  height: 12px;
  background-color: #c0d25e;
}

.line._1 {
  margin-top: 35px;
}

.line._2 {
  width: 12px;
  height: 0px;
  margin-top: 35px;
  margin-left: 57px;
}

.line._3 {
  margin-top: 83px;
  margin-left: 57px;
}

.line._4 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 12px;
  height: 0px;
  margin-bottom: 98px;
  margin-left: 6px;
}

.line._5 {
  margin-top: -7px;
  margin-left: 6px;
}

.line._6 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 12px;
  height: 0px;
  margin-right: -6px;
}

.line._7 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  margin-top: 248px;
  margin-right: -6px;
}

.line._9 {
  position: absolute;
  width: 12px;
  height: 0px;
  margin-top: 338px;
}

.line._8 {
  position: absolute;
  width: 12px;
  height: 90px;
  margin-top: 248px;
}

.wrapper {
  max-width: 1048px;
  margin-right: auto;
  margin-left: auto;
}

.grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin-bottom: 120px;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.bike {
  position: relative;
  z-index: 1;
}

.section {
  padding-top: 15%;
  padding-bottom: 15%;
  background-color: #163f51;
}

.big {
  margin-bottom: 30px;
  font-size: 42px;
  line-height: 120%;
  font-weight: 300;
  color: white !important;
}

.bullet-point-container {
  position: relative;
  margin-bottom: 70px;
  margin-left: 64px;
}

.bullet-point {
  position: absolute;
  left: -7.4%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #c0d25e;
  opacity: 0;
}

.bullet-point._1 {
  position: absolute;
  top: 4%;
}

.bullet-point._2 {
  top: 0%;
}

.bullet-point._3 {
  top: 4%;
}

.divider-line {
  width: 100%;
  height: 1px;
  margin-top: 70px;
  background-color: hsla(0, 0%, 100%, 0.2);
}

.btn {
  padding: 12px 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 46px;
  background-color: rgba(255, 255, 255, 0);
  font-size: 13px;
  line-height: 150%;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.text-container {
  opacity: 0;
}

.small {
  max-width: 500px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 120%;
  font-weight: 300;
  color: white !important;
}

.biketrax-logo {
  width: 300px;
}

.phone {
  position: relative;
  left: 680px;
  top: -56px;
}

.scroll-indicator {
  position: relative;
  top: 50px;
}

.end-line {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  height: 12px;
  background-color: #c0d25e;
  opacity: 0;
}

.header-test {
  height: 115px;
}

.footer-test {
  height: 1060px;
}

@media screen and (max-width: 991px) {
  .line._2 {
    display: none;
  }

  .line._3 {
    display: none;
  }

  .line._4 {
    display: none;
  }

  .line._5 {
    display: none;
  }

  .line._6 {
    margin-top: 35px;
    margin-right: 0px;
  }

  .line._7 {
    margin-right: 0px;
  }

  .wrapper {
    width: 85%;
  }

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

  .bullet-point {
    left: -73px;
    top: 0%;
    right: auto;
    bottom: 0%;
  }

  .bullet-point._1 {
    top: 3%;
  }

  .phone {
    left: 550px;
  }
}

@media screen and (max-width: 767px) {
  .line {
    height: 9px;
  }

  .line._1 {
    margin-top: 30px;
  }

  .line._6 {
    width: 9px;
    margin-top: 32px;
  }

  .line._9 {
    width: 9px;
  }

  .line._8 {
    width: 9px;
  }

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

  .bike {
    width: 265px;
    margin-left: 15%;
  }

  .big {
    margin-bottom: 12px;
    font-size: 25px;
  }

  .bullet-point {
    left: -71.3px;
    width: 24px;
    height: 24px;
  }

  .divider-line {
    margin-top: 40px;
  }

  .btn {
    padding: 8px 14px;
    font-size: 9px;
  }

  .small {
    max-width: 340px;
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 140%;
  }

  .biketrax-logo {
    width: 230px;
    margin-bottom: 20px;
  }

  .phone {
    left: 297px;
  }

  .end-line {
    height: 9px;
  }
}

@media screen and (max-width: 479px) {
  .line._1 {
    margin-top: 23px;
  }

  .line._7 {
    margin-top: 185px;
  }

  .line._9 {
    margin-top: 275px;
  }

  .line._8 {
    margin-top: 185px;
  }

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

  .bike {
    width: 210px;
    max-width: 265px;
  }

  .section {
    padding-bottom: 20%;
  }

  .big {
    width: 210px;
    font-size: 22px;
  }

  .bullet-point._3 {
    top: 1%;
  }

  .small {
    max-width: 200px;
  }

  .biketrax-logo {
    width: 180px;
  }

  .phone {
    left: 115px;
    top: 0px;
    width: 70px;
  }
}

#w-node-138bfdec7e4b-78a146ca {
  -ms-grid-column-span: 4;
  grid-column-end: 6;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-870da3183a0d-78a146ca {
  -ms-grid-column-span: 7;
  grid-column-end: 11;
  -ms-grid-column: 4;
  grid-column-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-c1cc8dffd680-78a146ca {
  -ms-grid-column-span: 2;
  grid-column-end: 12;
  -ms-grid-column: 10;
  grid-column-start: 10;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-ccb640395a22-78a146ca {
  -ms-grid-column-span: 2;
  grid-column-end: 12;
  -ms-grid-column: 10;
  grid-column-start: 10;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-f32e5344be1a-78a146ca {
  -ms-grid-column-span: 2;
  grid-column-end: 13;
  -ms-grid-column: 11;
  grid-column-start: 11;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-64d736eb1d47-78a146ca {
  -ms-grid-column-span: 2;
  grid-column-end: 13;
  -ms-grid-column: 11;
  grid-column-start: 11;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-551fcf185014-78a146ca {
  -ms-grid-column-span: 1;
  grid-column-end: 13;
  -ms-grid-column: 12;
  grid-column-start: 12;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-4b47e91d56c1-78a146ca {
  -ms-grid-column-span: 12;
  grid-column-end: 13;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-739bc054594d-78a146ca {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#w-node-28cae600cb2a-78a146ca {
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

@media screen and (max-width: 991px) {
  #w-node-138bfdec7e4b-78a146ca {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 3;
    grid-column-end: 5;
  }

  #w-node-870da3183a0d-78a146ca {
    -ms-grid-column-span: 4;
    grid-column-end: 7;
    -ms-grid-column: 3;
    grid-column-start: 3;
  }

  #w-node-551fcf185014-78a146ca {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 7;
  }

  #w-node-4b47e91d56c1-78a146ca {
    -ms-grid-column-span: 7;
    grid-column-end: 7;
  }
}

@media screen and (max-width: 767px) {
  #w-node-138bfdec7e4b-78a146ca {
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    -ms-grid-column: 1;
    grid-column-start: 1;
  }

  #w-node-870da3183a0d-78a146ca {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
  }

  #w-node-551fcf185014-78a146ca {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
  }

  #w-node-4b47e91d56c1-78a146ca {
    -ms-grid-column-span: 4;
    grid-column-end: 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-870da3183a0d-78a146ca {
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-column: 2;
    grid-column-start: 2;
  }

  #w-node-551fcf185014-78a146ca {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }

  #w-node-4b47e91d56c1-78a146ca {
    -ms-grid-column-span: 3;
    grid-column-end: 3;
  }
}

@font-face {
  font-family: 'Lato webfont';
  src: url('../fonts/lato-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato webfont';
  src: url('../fonts/lato-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}