#cl1 {
  max-width: 33%;
}

#cl2 {
  max-width: 33%;
}

#cl3 {
  max-width: 33%;
  background-color: rgb(194,162,144);
}

#img-zh {
  width: 60%;
  margin-left: 18%;
  background-color: rgb(194,92,49);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  /*background-color: pink;*/
}

.nav-tabs .nav-link {
  text-align: center;
  color: white;
}

.nav-tabs .nav-link {
  background-color: rgb(194,92,49);
  font-family: alegreya sc;
}

#IMG-BANNER {
  margin-left: 200px;
  width: 340px;
}

#carousel-1 {
  width: 500px;
  /*text-align: center;*/
}

p {
  text-align: center;
  margin-left: 10%;
  color: rgb(231,219,217);
  background-color: rgb(88,50,34);
  font-family: cursive;
  width: 382px;
  height: 78%;
}

p {
}

#link-p1 {
  background-color: rgb(194,92,49);
  /*margin-top: -30px;*/
}

#link-p1 {
  text-align: center;
  font-size: 1rem;
}

@media (min-width: 300px) {
  #link-p1 {
    text-align: center;
    font-size: 10px;
    /*margin-left: -30px;*/
    margin-top: -30px;
  }
}

@media (min-width: 576px) {
  #link-p1 {
    text-align: center;
    font-size: 13px;
  }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: rgb(194,92,49);
  color: white;
}

img {
}

#img-zh-3 {
  width: 80%;
  margin-left: 10%;
  background-color: rgb(194,92,49);
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  background-color: rgb(194,92,49);
}

#img-zh1 {
  margin: 10;
  width: 100%;
}

#link-1 {
  color: white;
  font-family: alegreya sc;
  /*background-color: rgb(146,31,44);*/
  width: 60%;
  margin: 30px;
  font-size: 40px;
}

#link-p2 {
  margin-top: 4%;
  background-color: rgb(194,92,49);
  margin-bottom: 3%;
}

@media (min-width: 300px) {
  #link-p2 {
    margin-top: 5%;
    background-color: rgb(194,92,49);
    margin-bottom: 3%;
    font-size: 12px;
  }
}

@media (min-width: 300px) {
  #home-less {
    width: 80%;
    margin-left: 35px;
  }
}

.textpad {
  padding: 40px 50px;
  /*font-size: 15px;*/
}

@media (min-width: 768px) {
  .textpad {
    padding: 40px 50px;
  }
}

@media (min-width: 992px) {
  .textpad {
    padding: 66px 100px;
  }
}

@media (min-width: 1200px) {
  .textpad {
    padding: 60px 120px;
  }
}

@media (min-width: 300px) {
  .p-intro {
    /*margin-left: px;*/
    width: 100%;
    margin-left: 1px;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .p-intro {
    margin-left: -10px;
  }
}

@media (min-width: 768px) {
  #car {
  }
}

@media (min-width: 768px) {
  #img-zh-3 {
    margin-left: 70px;
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  #link-p3 {
    margin-top: 50px;
    margin-left: 50px;
  }
}

@media (min-width: 768px) {
  #link-p3 {
    margin-top: 50px;
    margin-bottom: -50px;
  }
}

#link-p3 {
  margin-top: 50px;
}

@media (min-width: 576px) {
  .p-intro {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .p-intro {
    margin-left: 50px;
    margin-top: -10px;
  }
}

@media (min-width: 768px) {
  .p-intro {
    margin-top: 0px;
    margin-bottom: -29px;
    margin-right: 400px;
  }
}

@media (min-width: 300px) {
  #img-intro {
    width: 100%;
  }
}

@media (min-width: 300px) {
  #link-p1 {
    margin-left: 12px;
    /*margin-top: -20px;*/
  }
}

@media (min-width: 300px) {
  #link-p2 {
    margin-left: 2px;
    height: 150px;
    width: 100%;
  }
}

@media (min-width: 300px) {
  #link-p3 {
    margin-left: -1px;
    width: 350px;
  }
}

@media (min-width: 576px) {
  #link-p3 {
    margin-left: 60px;
  }
}

@media (min-width: 576px) {
  #home-less {
    width: 80%;
    margin-left: 60px;
  }
}

@media (min-width: 576px) {
  #link-p1 {
    margin-left: 23px;
  }
}

@media (min-width: 768px) {
  #img-intro {
    width: 100%;
    margin-left: 2px;
  }
}

@media (min-width: 768px) {
  .p-intro {
    height: 350px;
    margin-bottom: 100px;
    font-size: 15px;
    padding: 3px;
  }
}

@media (min-width: 768px) {
  #link-p1 {
  }
}

@media (min-width: 300px) {
  #img-zh-3 {
    margin-top: -15px;
    margin-left: 35px;
  }
}

@media (min-width: 768px) {
  #link-p3 {
    margin-left: 2px;
  }
}

@media (min-width: 768px) {
  #img-zh-3 {
    margin-top: 100px;
    margin-left: 60px;
  }
}

@media (min-width: 992px) {
  #img-zh-3 {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  #link-p1 {
    margin-top: -30px;
    margin-left: 40px;
  }
}

@media (min-width: 992px) {
  .p-intro {
    margin-left: 10px;
    height: 450px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  #img-intro {
    width: 85%;
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  #img-zh-3 {
    margin-top: 30px;
  }
}

@media (min-width: 300px) {
  #img-zh1 {
    width: 150px;
    margin-left: -30px;
  }
}

@media (min-width: 576px) {
  #img-zh1 {
    margin-left: -22px;
    width: 200px;
  }
}

@media (min-width: 768px) {
  #img-zh1 {
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  #img-zh1 {
    width: 300px;
    margin-left: -10px;
  }
}

@media (min-width: 1200px) {
  #img-zh1 {
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  #link-p1 {
    font-size: 17px;
  }
}

@media (min-width: 992px) {
  #link-p1 {
    font-size: 17px;
    padding-top: 30px;
  }
}

@media (min-width: 768px) {
  #link-p1 {
    font-size: 15px;
  }
}

@media (min-width: 576px) {
  #link-p2 {
    font-size: 15px;
  }
}

@media (min-width: 992px) {
  #link-p2 {
    font-size: 20px;
  }
}

#link-p2 {
}