/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-small-banner/block-small-banner.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.small-banner {
  position: relative;
  padding: 120px 0 60px; }
  @media screen and (max-width: 600px) {
    .small-banner {
      padding: 90px 0 30px; } }
  .small-banner_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    min-height: 400px;
    border-radius: 12px; }
    @media screen and (max-width: 650px) {
      .small-banner_img {
        min-height: 300px; } }
  .small-banner h1 {
    position: absolute;
    z-index: 15;
    bottom: 90px;
    left: 90px;
    color: #fff; }
    @media screen and (max-width: 600px) {
      .small-banner h1 {
        left: 40px;
        bottom: 40px; } }