broadstreet-zone {
    margin: 1em auto 1em;
}

@media (max-width: 768px) {
    broadstreet-zone {
        margin: 1em 1.5em 1em;
    }
}

broadstreet-zone.center-align {
    text-align: center;
    div {
        span {
            a {
                &::before {
                    content: "ADVERTISEMENT";
                    display: block;
                    font-size: 80%;
                    padding: 0 4px 1em;
                    text-align: center;
                }
            }
        }
    }
}

broadstreet-zone.left-align {
    text-align: left;
    div {
        span {
            a {
                &::before {
                    content: "ADVERTISEMENT";
                    display: block;
                    font-size: 80%;
                    padding: 0 4px 1em;
                    text-align: left;
                }
            }
        }
    }
}

@media (max-width: 400px) {
    broadstreet-zone.left-align {
        /* text-align: left; */
    }
}

broadstreet-zone a {
    transition: opacity 0.2s ease;
}

broadstreet-zone a:hover {
    opacity: 0.8;
}

.broadstreet-zone {
    display: block;
    text-align: center;

    img {
        transition: opacity 0.2s ease;
        &:hover {
            opacity: 0.8;
        }
    }
}