.lines { margin: 20px 0 20px 0; }

.lines hr {
    height: 3px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--gold);
}

.lines > span {
    background-color: var(--gold);
    padding: 4px;
    display: inline-block;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 3px;
    height: 3px;
}


/*Mobile*/
@media(max-width: 980px){
    .lines hr { width: 100px; }
}
/*Mobile*/
@media(min-width: 981px){
    .lines hr { width: 180px; }
}