* {
  margin: 0;
  padding: 0;
  color: white;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.hidemobo {
  display: none;
}

body {
  overflow-x: hidden;
}

.notyet {
  display: none;
}

img {
  width: 100%;
}

p {
  font-size: 20px;
  opacity: .9;
}

.navbar {
  border-bottom: solid #bb8404;
}

.navbar .nav-link {
  background-color: #170057;
  margin-left: 5%;
}

.navbar .nav-link a {
  color: white;
}

.navbar .collapse {
  z-index: 99;
}

.navbar .title {
  color: white;
  font-size: 37px;
}

.bg {
  width: 86%;
  height: 100%;
  position: absolute;
  left: 7%;
  top: 10%;
  background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
  background-image: linear-gradient(to right, #6b3e03, #b37d00);
  -webkit-clip-path: inset(5% 0 34% 0);
  clip-path: inset(5% 0 34% 0);
  z-index: -1;
}

.container .section1 .imghero img {
  margin-top: 3%;
  margin-left: 7%;
  width: 95%;
}

.container .section1 .herotext {
  margin-top: 15%;
}

.container .section1 .herotext h2 {
  font-size: 35px;
  margin-left: 5%;
  text-align: left;
}

.container .sectext h2 {
  font-size: 35px;
  text-align: left;
  margin-top: 15%;
  margin-left: 7%;
  margin-bottom: 2%;
}

.container .sectext ul {
  font-size: 20px;
  padding-left: 10%;
}

.container .secimg {
  padding-top: 3%;
  padding-bottom: 5%;
}

.container .thirdtext {
  padding-left: 4%;
}

.container .section3 .textbox {
  border-left: solid #bb8404;
  padding-left: 5%;
  margin-top: 15%;
}

.container .section4 .imgandtext {
  margin-top: 5%;
}

.container .section4 .thirdimg {
  margin-top: 25%;
  z-index: 9;
}

.container .section4 .textbox2 {
  background-color: white;
  padding: 2%;
  margin: 2%;
  margin-top: 15%;
  border-radius: 1px;
  z-index: 9;
}

.container .section4 .textbox2 h2 {
  background-color: transparent;
  color: black;
  padding: 5%;
  padding-bottom: 1%;
}

.container .section4 .textbox2 p {
  background-color: transparent;
  color: black;
  padding: 4%;
}

.container .section4 .textbox2 .hr2 {
  margin-top: -4%;
}

.container .section4 .bg2 {
  display: none;
  width: 86%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 290%;
  background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
  background-image: linear-gradient(to right, #6b3e03, #b37d00);
  -webkit-clip-path: inset(0 38% 12% 0);
  clip-path: inset(0 38% 15% 0);
  z-index: -1;
}

.container .section4 .fourthtext {
  padding-left: 5%;
  margin-top: 13%;
}

.container .section4 .fourthtext h2 {
  padding-bottom: 5%;
}

.container .section5 .textnextimg {
  margin-left: 75%;
}

.container .section5 .textnextimg p {
  margin-top: 105%;
  z-index: 99;
  font-size: 25px;
}

.container .section5 .fourthimg {
  margin-top: -65%;
  z-index: 9;
}

.container .section5 .fifthimgtext {
  margin-top: 25%;
  text-align: center;
  background-color: transparent;
}

.container .section5 .fifthimgtext ul {
  background-color: transparent;
  margin: auto 15%;
}

.container .section5 .fifthimgtext ul li {
  list-style-type: none;
  background-color: transparent;
}

.container .section5 .fifthimgtext ul li p {
  border: solid 1px rgba(255, 255, 255, 0.52);
  background-color: transparent;
}

.container .section5 .bg3 {
  display: none;
  width: 86%;
  height: 100%;
  position: absolute;
  left: 0%;
  top: 503%;
  background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
  background-image: linear-gradient(to right, #6b3e03, #b37d00);
  -webkit-clip-path: inset(0 38% 12% 0);
  clip-path: inset(0 38% 15% 0);
  z-index: -1;
}

.container .sixethtext {
  text-align: center;
  margin-top: 20%;
  margin-bottom: 10%;
}

.container .hr3 {
  width: 25%;
  color: orange;
  margin-left: 38%;
  border: solid 2px;
}

footer {
  border-top: solid white;
  padding: 5%;
  padding-top: 15%;
  margin-top: 5%;
}

@media (min-width: 670px) {
  .bg {
    width: 86%;
    height: 100%;
    position: absolute;
    left: 7%;
    top: 5%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(5% 0 34% 0);
    clip-path: inset(5% 0 34% 0);
    z-index: -1;
  }
  .container {
    margin-top: 4%;
  }
  .container .section1 .imghero img {
    margin-left: 15%;
    width: 85%;
  }
  .container .section1 .herotext {
    margin-top: 10%;
  }
  .container .section1 .herotext h2 {
    font-size: 45px;
  }
  .container .sectext h2 {
    font-size: 45px;
    margin-top: 10%;
    margin-left: 5%;
    margin-bottom: 2%;
  }
  .container .sectext ul {
    font-size: 25px;
    padding-left: 10%;
  }
  .container .thirdtext {
    padding-left: 4%;
    font-size: 25px;
  }
  .container .thirdtext p {
    font-size: 25px;
  }
  .container .section3 .textbox {
    border-left: solid #bb8404;
    padding-left: 5%;
    margin-top: 10%;
  }
  .container .section3 .textbox h2 {
    font-size: 40px;
  }
  .container .section3 .textbox p {
    font-size: 25px;
  }
  .container .section4 .textbox2 {
    background-color: white;
    padding: 2%;
    margin: 2%;
    margin-top: 15%;
    border-radius: 1px;
    z-index: 9;
  }
  .container .section4 .textbox2 h2 {
    font-size: 45px;
  }
  .container .section4 .textbox2 p {
    font-size: 35px;
  }
  .container .section4 .textbox2 h2 {
    background-color: transparent;
    color: black;
    padding: 5%;
    padding-bottom: 1%;
  }
  .container .section4 .textbox2 p {
    background-color: transparent;
    color: black;
    padding: 4%;
  }
  .container .section4 .textbox2 .hr2 {
    margin-top: -3%;
  }
  .container .section4 h2 {
    font-size: 45px;
  }
  .container .section4 p {
    font-size: 26px;
  }
  .container .section4 .bg2 {
    display: block;
    width: 86%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 225%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(0 38% 12% 0);
    clip-path: inset(0 38% 15% 0);
    z-index: -1;
  }
  .section5 .textnextimg {
    margin-left: 75%;
  }
  .section5 .textnextimg p {
    margin-top: 0%;
    z-index: 99;
    font-size: 30px;
  }
  .section5 .fourthimg {
    margin-top: 0%;
    z-index: 9;
  }
  .section5 .fifthimgtext {
    margin-top: 25%;
    text-align: center;
    background-color: transparent;
  }
  .section5 .fifthimgtext ul {
    background-color: transparent;
    margin: auto 15%;
  }
  .section5 .fifthimgtext ul li {
    list-style-type: none;
    background-color: transparent;
  }
  .section5 .fifthimgtext ul li p {
    border: solid 1px rgba(255, 255, 255, 0.52);
    background-color: transparent;
  }
  .bg3 {
    display: block;
    width: 86%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 203%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(0 38% 12% 0);
    clip-path: inset(0 38% 15% 0);
    z-index: -1;
  }
}

@media (min-width: 1024px) {
  .notyet {
    display: none;
  }
  .container {
    display: block;
  }
  footer {
    display: block;
  }
  body {
    display: block;
  }
  p {
    font-size: 24px;
    opacity: .9;
  }
  .navbar {
    display: none;
  }
  .navbar .nav-link a {
    color: white;
  }
  .navbar .collapse {
    z-index: 99;
  }
  .navbar .title {
    padding-left: 13%;
    font-size: 30px;
  }
  .bg {
    width: 70%;
    height: 100%;
    position: absolute;
    left: 10%;
    top: 10%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(5% 0 34% 0);
    clip-path: inset(5% 0 34% 0);
  }
  .container .section1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .container .section1 .imghero {
    margin-top: 15%;
    z-index: 1;
  }
  .container .section1 .imghero img {
    margin-left: -2%;
    width: 100%;
  }
  .container .section1 .herotext h2 {
    font-size: 55px;
    margin-left: 5%;
  }
  .container .hidemobo {
    display: block;
  }
  .container .section2 {
    margin-top: 10%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10% 1fr 10% 1fr;
        grid-template-columns: 1fr 10% 1fr 10% 1fr;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
  }
  .container .sectext h2 {
    font-size: 40px;
    text-align: left;
    padding-bottom: 7%;
  }
  .container .sectext ul {
    font-size: 20px;
    padding-left: 10%;
  }
  .container .secimg {
    margin-top: 10%;
    -ms-grid-column: 3;
    grid-column: 3;
    margin-left: 0%;
  }
  .container .secimg img {
    width: 130%;
  }
  .container .thirdtext {
    -ms-grid-column: 5;
    grid-column: 5;
    margin-top: 15%;
    padding-left: 4%;
    padding-bottom: 10%;
  }
  .container .section3 .textbox {
    border-left: solid #bb8404;
    padding-left: 5%;
  }
  .container .section4 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .container .section4 .thirdimg {
    z-index: 9;
    width: 35%;
    margin-left: 5%;
    margin-top: 13%;
    position: absolute;
  }
  .container .section4 .textbox2 {
    background-color: white;
    padding: 1%;
    border-radius: 1px;
    margin-left: -5%;
    margin-top: 115%;
    opacity: 1;
    z-index: 9;
  }
  .container .section4 .textbox2 h2 {
    background-color: transparent;
    color: black;
    padding: 5%;
    padding-bottom: 1%;
  }
  .container .section4 .textbox2 p {
    background-color: transparent;
    color: black;
    padding: 4%;
  }
  .container .section4 .textbox2 .hr2 {
    margin-top: -4%;
  }
  .container .section4 .bg2 {
    width: 85%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 220%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(0 38% 12% 0);
    clip-path: inset(0 58% 0 0);
  }
  .container .section4 .fourthtext {
    padding-left: 20%;
    padding-top: 45%;
  }
  .container .section4 .fourthtext h2 {
    font-size: 40px;
    padding-bottom: 5%;
  }
  .container .section5 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
  }
  .container .section5 .imgandtext {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .container .section5 .textnextimg p {
    font-size: 55px;
    margin-left: -375%;
    margin-top: 155%;
  }
  .container .section5 .fourthimg img {
    width: 120%;
    margin-top: -40%;
  }
  .container .section5 .fifthimgtext {
    -ms-grid-column: 2;
    grid-column: 2;
    text-align: center;
    margin: 20%;
    margin-top: 10%;
  }
  .container .section5 .fifthimgtext ul {
    position: relative;
    margin: auto;
  }
  .container .section5 .fifthimgtext ul li {
    list-style-type: none;
    margin-left: 25%;
    padding: 5%;
    background-color: transparent;
  }
  .container .section5 .fifthimgtext ul li p {
    border: solid 1px rgba(255, 255, 255, 0.363);
    padding: 10%;
    margin-right: -51%;
    font-size: 25px;
    background-color: transparent;
  }
  .container .section5 .bg3 {
    width: 86%;
    display: none;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 373%;
    background-image: -webkit-gradient(linear, left top, right top, from(#6b3e03), to(#b37d00));
    background-image: linear-gradient(to right, #6b3e03, #b37d00);
    -webkit-clip-path: inset(0 38% 12% 0);
    clip-path: inset(0 38% 15% 0);
  }
  .container .sixethtext {
    margin-top: 0;
    text-align: center;
  }
  .container .hr3 {
    margin-top: 5%;
    width: 20%;
    color: orange;
    margin-left: 40%;
    border: solid 2px;
  }
}

footer {
  margin-top: 5%;
  padding: 1%;
  padding-left: 10%;
}
/*# sourceMappingURL=style.css.map */