@media (max-width: 768px) {
  .block-firm-intro.english-hp-block .header .title {
    font-size: 45px;
  }
}

.block-firm-intro .inner {
  padding: 70px 25px;
  display: flex;
  flex-flow: column;
}
.block-firm-intro .header {
  order: 1;
}
.block-firm-intro .header .title {
  margin-bottom: 30px;
}
.block-firm-intro .image {
  order: 2;
  margin-bottom: 40px;
  position: relative;
}
.block-firm-intro .image .picture-wrapper {
  height: 444px;
}
.block-firm-intro .image .picture-wrapper picture {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.block-firm-intro .image .picture-wrapper picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.block-firm-intro .image .btn {
  width: 100%;
  position: absolute;
  margin-top: 20px;
}
.block-firm-intro .content {
  order: 3;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .block-firm-intro .inner {
    padding: 70px 50px;
    padding-bottom: 80px;
  }
  .block-firm-intro .header .title {
    max-width: 360px;
  }
  .block-firm-intro .content {
    order: 3;
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .block-firm-intro .inner {
    padding: 100px 50px;
    padding-bottom: 80px;
    max-width: 1420px;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  .block-firm-intro .header {
    width: 52%;
  }
  .block-firm-intro .header .title {
    max-width: 950px;
  }
  .block-firm-intro .image {
    width: 35%;
    order: 3;
    position: absolute;
    right: 50px;
    top: 120px;
  }
  .block-firm-intro .image .picture-wrapper {
    height: 563px;
  }
  .block-firm-intro .image .picture-wrapper .picture-wrapper picture img {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .block-firm-intro .content {
    width: 52%;
    order: 2;
  }
}/*# sourceMappingURL=block-firm-intro.css.map */