<h2 class=title>Заголовок Заголовок

</h2>


<svg width="436" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)" stroke="#E63946" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"><path d="M396.1 10.9c0-4.8 3.9-8.7 8.7-8.7 4.8 0 8.7 3.9 8.7 8.7"/><path d="M396.2 10.2c0-2.2.8-4.4 2.5-6.1 1.7-1.7 3.9-2.5 6.1-2.5 2.2 0 4.4.8 6.1 2.5 1.7 1.7 2.5 3.9 2.5 6.1 0 2.2-.8 4.4-2.5 6.1-1.7 1.7-3.9 2.5-6.1 2.5h-192M39.9 10.9c0-4.8-3.9-8.7-8.7-8.7-4.8 0-8.7 3.9-8.7 8.7"/><path d="M39.8 10.2c0-2.2-.9-4.5-2.5-6.2-1.6-1.7-3.9-2.5-6.1-2.5-2.2 0-4.5.8-6.2 2.5-1.7 1.7-2.6 4-2.6 6.2s.8 4.4 2.5 6.1c1.7 1.7 3.9 2.5 6.1 2.5h373.9"/></g><defs><clipPath id="clip0"><path fill="#fff" transform="translate(.9)" d="M0 0h434.2v20.4H0z"/></clipPath></defs></svg>

<svg width="204" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M185.25 10.739c0-2.2.8-4.4 2.5-6.1 1.7-1.7 3.9-2.5 6.1-2.5 2.2 0 4.4.8 6.1 2.5 1.7 1.7 2.5 3.9 2.5 6.1 0 2.2-.8 4.4-2.5 6.1-1.7 1.7-3.9 2.5-6.1 2.5h-192" stroke="#E63946" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

$maxWidth: 1920;
@mixin adaptiv-font($pcSize, $mobSize) {
 $addSize: $pcSize - $mobSize;
 $maxWidth: $maxWidth - 320;
 font-size: calc(#{$mobSize + px} + #{$addSize} * ((100vw - 320px) / #{$maxWidth}));
}
.title{
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translate(-50%,0);
  @include adaptiv-font(48,32);
  line-height: 57px;
  text-align: center;
  color: #000;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 4px solid #E63946;
  &:before{
    position: absolute;
    content: url(../images/icons/right-line.svg);
    right: -50px;
    bottom: -14px;
  }
  &:after{
    position: absolute;
    content: url(../images/icons/right-line.svg);
    left: -50px;
    bottom: -14px;
    transform:matrix(-1.00,0.00,0.00,1.00,0,0);
  }
}