/* places text of different widths in center of a line */

.sltitle {overflow:hidden; text-align:center; line-height:2rem; color:#FF0;}
.sltitle:before, .sltitle:after {content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:50%; background-color:#FF0;}
.sltitle:before {right:0.5em; margin-left:-50%;}
.sltitle:after {left:0.5em; margin-right:-50%;}

.dltitle {overflow:hidden; text-align:center; line-height:1.5;}
.dltitle span {display:inline-block; position:relative; font-weight:bold; padding:0 .87rem;}
.dltitle span:before, .dltitle span:after {content:""; position:absolute; height:.275rem; border-bottom:1px solid; border-top:1px solid; top: .5rem; width:100%;}
.dltitle span:before {right:100%;}
.dltitle span:after {left:100%;}
.dltitle span.white {color:#fff;}

.dltitle span.yellow:before, .dltitle span.yellow:after { border-bottom: .1rem solid #d1d100; border-top: .1rem solid #d1d100;}