Two Quarter Grid Content: Default

<div class="b b--w b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">Grey Background Color</h2>
            <div class="sh-contact">Contact: <a href="https://www.boston.gov/departments/public-works" title="Public Works">Public Works</a></div>
        </div>
        <div class="g m-t500">
            <div class="g--4">
                <h3 class="t--intro">Mayor&#x27;s Office</h3>
                <p class="t--s500 lh--300">The agencies reporting to the Mayor&#x27;s Office represent the Mayor and the City in legal matters, public relations, and elections. The Mayor&#x27;s vision for the future of the City is reflected in the policies and directions carried forward by the staff of these offices.</p>
                <a href="https://d8-uat.boston.gov/departments/innovation-and-technology" class="btn">Internal link</a>
            </div>
            <div class="g--8">
                <h3 class="t--intro">Mayor&#x27;s Office</h3>
                <p class="t--s500 lh--300">The agencies reporting to the Mayor&#x27;s Office represent the Mayor and the City in legal matters, public relations, and elections. The Mayor&#x27;s vision for the future of the City is reflected in the policies and directions carried forward by the staff of these offices.</p>
            </div>
        </div>
    </div>
</div>