.fbm-hero {
  width: 95%;
  max-width: 1500px;
  padding-top: min(400px, calc(400 / 1800 * 100% - (58px + 16%)));
  background: url(../jpg/ab-fbm-web-hp-sb-1500a8c9.jpg?context=bWFzdGVyfHJvb3R8MTA4NDY4fGltYWdlL2pwZWd8YUdJNEwyZ3lPQzh4TURBNU16VTBNell5TURZek9DOUJRbDlHUWsxZmQyVmlMVWhRTFZOQ1h6RTFNREF1YW5CbnxlM2U5YTM0NzIzNjkzYWU3NmIyNWMwNmIwZGY3NGZjZDM3ZDQxZTY2Y2NjYzhkZGIyNjFkY2Y5YTljNjM5OTEy)
    center top/ auto 100% no-repeat no-repeat;
  margin: 35px auto;
  padding-bottom: 3%;
}
.fbm-hero-content {
  width: 95%;
  max-width: 1340px;
  margin: auto;
}
.fbm-hero-text {
  width: 42%;
  margin-left: 3%;
  text-align: center;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.17);
  border-radius: 4px;
  padding: 30px 40px 35px;
}
.fbm-hero-logo-desktop {
  width: 70%;
  margin: 0 auto;
  display: block;
}
.fbm-hero-text p {
  font-size: 1.25em;
  color: #a89bcb;
  margin: 10px auto;
}
.fbm-hero-text h1 {
  font-size: 1.75em;
  color: black;
  margin: 10px auto 25px;
  line-height: 1.3;
}
.btn-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-cta a.a-btn--primary {
  background-color: black;
  border: 2px solid black;
  padding: 0.5em 1em;
  color: white;
  margin: 0 5px;
  min-width: 125px;
}
.btn-cta a.a-btn--primary:hover {
  color: black;
  border: 2px solid black;
  background-color: transparent;
}
@media (max-width: 1399px) {
  .fbm-hero {
    padding-bottom: 2%;
  }
  .fbm-hero-text {
    width: 45%;
  }
  .fbm-hero-text h1 {
    font-size: 1.75em;
  }
}
@media (max-width: 1199px) {
  .fbm-hero {
    padding-top: min(400px, calc(400 / 1800 * 100% - (58px + 15%)));
  }
  .fbm-hero-text {
    width: 48%;
    padding: 30px 30px 35px;
  }
  .fbm-hero-text h1 {
    font-size: 1.5em;
  }
  .btn-cta a.a-btn--primary {
    font-size: 0.95em;
  }
}
@media (max-width: 991px) {
  .fbm-hero {
    padding-top: min(400px, calc(400 / 1800 * 100% - (58px + 14%)));
  }
  .fbm-hero-text {
    padding: 20px 25px 25px;
  }
  .fbm-hero-text h1 {
    font-size: 1.35em;
  }
  .btn-cta a.a-btn--primary {
    font-size: 0.8em;
  }
}
@media (max-width: 850px) {
  .fbm-hero {
    padding-top: min(400px, calc(400 / 1800 * 100% - (58px + 12.5%)));
  }
  .fbm-hero-text {
    width: 50%;
    padding: 30px 10px 35px;
  }
}
@media (max-width: 767px) {
  .fbm-hero {
    padding-bottom: calc(800 / 767 * 100% - (1px + 35%));
    background: url("../jpg/ab-fbm-web-hp-sb-7672add.jpg?context=bWFzdGVyfHJvb3R8MTAyMTU0fGltYWdlL2pwZWd8YURNNUwyZ3lNUzh4TURBNU16VTBNemc0TWpjNE1pOUJRbDlHUWsxZmQyVmlMVWhRTFZOQ1h6YzJOeTVxY0djfDY1MWUzODU5YWEzNDQ3MzRlNTY4MGEyMWJhMTcxODdkYjk5Yzg2NjU1ZDgyNWI0ODI3ZTBlMDg5NWQ3ZGEwMDQ")
      center bottom/contain no-repeat no-repeat #a07352;
    padding-top: 5%;
    position: relative;
  }
  .fbm-hero-content {
    width: 100%;
  }
  .fbm-hero-text {
    width: 90%;
    margin: auto;
    padding: 30px 15px 35px;
  }
  .fbm-hero-text h1 {
    font-size: 2em;
    margin-top: 15px;
  }
}
@media (max-width: 620px) {
  .fbm-hero-text h1 {
    font-size: 1.5em;
    margin: 10px auto 15px;
  }
}
@media (max-width: 480px) {
  .fbm-hero-text p {
    font-size: 1.1em;
  }
  .fbm-hero-text h1 {
    font-size: 1.3em;
  }
  .btn-cta a.a-btn--primary {
    font-size: 0.8em;
    padding: 0.25em 1.25em;
  }
}
@media (max-width: 415px) {
  .btn-cta a.a-btn--primary {
    font-size: 0.7em;
    padding: 0.25em 0.75em;
  }
}
@media (max-width: 370px) {
  .fbm-hero-text {
    padding: 25px 5px;
  }
}
@media (max-width: 350px) {
  .fbm-hero-text {
    padding: 15px 5px;
  }
  .btn-cta a.a-btn--primary {
    margin: 5px;
  }
  .fbm-hero-text p {
    font-size: 1em;
  }
}