.text-shadow-primary {
    text-shadow: 4px 4px 0px #ffcc00;
}

.text-shadow-inverse {
    text-shadow: 4px 4px 0px #000000;
}

.text-shadow-primary-darker {
    text-shadow: 4px 4px 0px #a88a30;
}

.line-before-after {
    border-bottom:4px solid #fc0;
    border-top:4px solid #fc0;
    font-family:"Knockout 49 A","Knockout 49 B","Βι¶ΉΤ­΄΄ Condensed Alt",sans-serif;
    font-size:2.2em;
    margin-bottom:1em;
    padding:24px 12px;
    text-align:center;
    text-transform:uppercase;
}

@media (min-width:992px) {
    .line-before-after {
        border:0;
        font-size:3.3em;
        margin-bottom:.3em;
        overflow:hidden;
        position:relative;
        text-align:center;
        z-index:1;
    }
    
    .line-before-after::after,.line-before-after::before {
        background-color:#fc0;
        content:'\a0';
        height:4px;
        overflow:hidden;
        position:absolute;
        top:49%;
        width:50%;
    }
    
    .line-before-after::before {
        margin-left:-55%;text-align:right
    }

    .line-before-after::after {
        margin-left:5%
    }
}