Заголовок с линиями по бокам

HTML

<div class="wrapper">
    <div class="title">Текст</div>
</div>

LESS

.wrapper{
width: 1200px;
margin: 0 auto;
}

.title{
font-size: 40px;
text-align: center;
overflow: hidden;
    &:after,
    &:before{
    content:'';
    display: inline-block;
    position: relative;
    width: 50%;
    height: 3px;
    vertical-align: middle;
    background-color: #c8c9c9;
    }
    &:after{
    left: 5px;
    margin-right: -50%;
    }
    &:before{
    right: 5px;
    margin-left: -50%;
    }
}