#hero {
  background: url('../img/forma_9.png') no-repeat,
              url('../img/forma_8.png') no-repeat,
              url('../img/forma_7.png') no-repeat,
              url('../img/image_7.png') no-repeat,
              url('../img/forma_6.png') no-repeat,
              url('../img/forma_3.png') no-repeat,
              url('../img/forma_1.png') no-repeat,
              url('../img/forma_10.png') no-repeat,
              #f69f17;
  background-position:  400px 80px,
                        750px 280px,
                        1400px 400px,
                        600px 420px,
                        bottom left,
                        20px 30px,
                        -10px -10px,
                        bottom right;
  background-size:  250px,
                    15px,
                    20px,
                    250px,
                    auto,
                    140px,
                    250px 250px,
                    250px 250px;
  padding-bottom: 200px;
  color: #fff;
  /*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;*/
}

@media (max-width: 425px) {
  #hero {
    background-position: 0px 375px, /* forma_9 */
                          480px 280px, /* forma_8 */
                          1400px 400px, /* forma_7 */
                          170px 620px, /* image_7 */
                          bottom left, /* forma_6 */
                          20px 30px, /* forma_3 */
                          -10px -10px, /* forma_1 */
                          bottom right; /* forma_10 */
  }
  .details h3 {
    margin-top: 40px;
  }
  .hero-img-logo img {
    width: 90%;
    height:auto;
    margin-top: 60px;
    object-fit: contain;
  }
  .ttl {
    width: 90%;
    height:auto;
    object-fit: contain;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  #hero {
    background-position: 150px 375px, /* forma_9 */
                          480px 280px, /* forma_8 */
                          1400px 400px, /* forma_7 */
                          320px 620px, /* image_7 */
                          bottom left, /* forma_6 */
                          20px 30px, /* forma_3 */
                          -10px -10px, /* forma_1 */
                          bottom right; /* forma_10 */
  }
  .details h3 {
    margin-top: 40px;
  }
  .details2 .details2-img2 {
    margin-left: 30px !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #hero {
    background-position: 130px 130px, /* forma_9 */
                          480px 280px, /* forma_8 */
                          1400px 400px, /* forma_7 */
                          240px 400px, /* image_7 */
                          bottom left, /* forma_6 */
                          20px 30px, /* forma_3 */
                          -10px -10px, /* forma_1 */
                          bottom right; /* forma_10 */
    background-size: 180px, /* forma_9 */
                      15px, /* forma_8 */
                      20px, /* forma_7 */
                      250px, /* image_7 */
                      auto, /* forma_6 */
                      140px, /* forma_3 */
                      250px 250px, /* forma_1 */
                      250px 250px; /* forma_10 */
  }
  .details h3 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  #hero {
    background-position: 170px 100px, /* forma_9 */
                          700px 280px, /* forma_8 */
                          1100px 400px, /* forma_7 */
                          340px 400px, /* image_7 */
                          bottom left, /* forma_6 */
                          20px 30px, /* forma_3 */
                          -10px -10px, /* forma_1 */
                          bottom right; /* forma_10 */
  }
}

@media screen and (min-width: 1441px) and (min-width: 1990px) {
  #hero {
    background-position: 730px 100px, /* forma_9 */
                          1200px 300px, /* forma_8 */
                          1700px 400px, /* forma_7 */
                          900px 400px, /* image_7 */
                          bottom left, /* forma_6 */
                          20px 30px, /* forma_3 */
                          -10px -10px, /* forma_1 */
                          bottom right; /* forma_10 */
  }
}

.telefone {
  color: #fff;
}

.details {
  background: url('../img/forma_11.png') no-repeat,
              url('../img/forma_12.png') no-repeat,
              url('../img/forma_5.png') no-repeat,
              #30552e;
  background-position: left 95%,
                        right 80px,
                        0px 0px;
  background-size: 130px 250px,
                    130px 250px,
                    auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 50px 36px -28px inset;
  color: rgb(247, 212, 149);
}

#hero h1 {
  color: #1b3d1e;
  margin-top: 0px;
}

.hero-img-logo img {
  /* width: 200px;*/
  height: 70px;
  margin-top: 60px;
}

.ul-how-control li {
  list-style-type: circle;
  margin-left: 20px;
  padding: 20px;
}

.ul-how-control .none {
  list-style-type: none;
  text-align: center;
}

.ul-some-aways li {
  list-style-type: circle;
  margin-left: 20px;
  padding-bottom: 0px !important;
}

.details h3 {
  color: #f69f17 !important;
  font-weight: 900;
}

.details p, ul li {
  color: rgb(224, 214, 196) !important;
}

.details2 {
  background: url('../img/forma_16.png') no-repeat, #f69f17;
  background-position: 101% 103%;
  background-size: auto;
  color: #1b3d1e;
}

.bar-green {
  width: 7px;
  height: 80px;
  background-color: #1b3d1e;
  position: absolute;
  margin-top: 10px;
  margin-left: -15px;
}

.faq {
  background: url('../img/forma_15.png') no-repeat,
              url('../img/forma_14.png') no-repeat,
              url('../img/forma_13.png') no-repeat,
              #30552e;
  background-position: -10px 103%,
                        -15px -10px,
                        bottom right;
  background-size: auto,
                    auto,
                    auto;
  color: rgb(247, 212, 149);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 50px 36px -28px inset;
}

.faq h2 {
  color: #f69f17 !important;
  font-weight: 800;
}

.accordion-list ul li {
  color: #000 !important;
}

.accordion-list a {
  color: #1b3d1e !important;
}

.accordion-list i {
  color: #f69f17 !important;
}

.contact {
  background-color: #f69f17;
  color: rgb(247, 212, 149);
}

.contact h2 {
  color: #1b3d1e !important;
  font-weight: 800;
}

.contact p {
  color: #30552e !important;
}

.contact input, .contact textarea {
  border-radius: 5px !important;
  border: 2px solid #3f5241;
}

.contact input:focus, .contact textarea:focus {
  border-color: #b67814 !important;
}

.contact button {
  border-color: #1b3d1e !important;
  color: #1b3d1e !important;
}

.contact button:hover {
  background-color: #1b3d1e !important;
  color: #fff !important;
}

.details-video {
  background-color: rgb(34, 33, 33);
}

.col {
    min-width: 356px;
}