<style>
.category__wrapper {margin-left:-250px !important}
article { height: 80%; background-color: #fff; }
.overlay { background-color: rgba(32, 32, 32, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; }
.overlay > table { width: 100%; height: 100%; }
.overlay > table td { vertical-align: center; text-align: center; }
.overlay > table td div { padding: 20px; background-color: #fff; display: inline-block; }
input[type=checkbox] {display: none;}
#header:checked + header { display: none; }
#header:checked ~ article { height: 100%; }
article label[for=header] { display: none; }
#header:checked ~ article label[for=header] {display: inline-block; }
#overlay:checked + .overlay { display: block; }
p { text-align: center; padding: 10px; }
label { display: inline-block; font-size:17px;font-weight: bold; color: #000;text-align:center;background-color:#2d3e4a }
#all:checked ~ header { background-color: #fff;text-align:center }
#all:checked ~ article { background-color: #2d3e4a; }
</style>
<input type="checkbox" id="all" /><input type="checkbox" id="header" />
<article><p><label for="overlay"><img src="https://www.tannerbolt.com/media/wysiwyg/tanimg/sitebnrs/selector/need-help.png"></label></p>
</article>
<input type="checkbox" id="overlay" /><div class="overlay"><table><tr><td><div><label for="overlay"><br>
<img src="https://www.tannerbolt.com/media/wysiwyg/tanimg/sitebnrs/selector/make-a-selection.png" alt="concrete product selector"><br> <a href="https://www.tannerbolt.com/by-trade/concrete"><img src="https://www.tannerbolt.com/media/wysiwyg/tanimg/sitebnrs/selector/concrete1.png" alt="concrete product selector"></a><a href="https://www.tannerbolt.com/by-trade/drywall"><img src="https://www.tannerbolt.com/media/wysiwyg/tanimg/sitebnrs/selector/drywall2.png" alt="product selector"></a><a href="https://www.tannerbolt.com/by-trade/anf-anchors-fasteners"><img src="https://www.tannerbolt.com/media/wysiwyg/tanimg/sitebnrs/selector/fasteners1.png" alt="product selector"></a><br><strong>Click to close</strong></label></div></td></tr></table></div>
