.grid-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 0 30px; overflow: hidden; opacity: 0.1; z-index: 9999999; display: none; }
.grid-overlay .col { background: #cc0000; height: 3000px; position: relative; }

.grid-on .grid-overlay { display: block; }
.grid-show,
.grid-hide { position: fixed; top: 10px; right: 10px; width: 42px; height: 42px; border: 1px solid #333331; cursor: pointer; z-index: 99999999; background-image: url(grid-switch.png); background-repeat: no-repeat; }
.grid-hide { display: none; }
.grid-show { background-position: 0 0; }
.grid-show:hover { background-position: 0 -40px; }
.grid-hide { background-position: 0 -80px; }
.grid-hide:hover { background-position: 0 -120px; }
.grid-on .grid-show { display: none; }
.grid-on .grid-hide { display: block; }

@media screen and (max-width: 959px) {
.grid-overlay { padding: 0 20px; }
}

@media screen and (max-width: 767px) {
.grid-overlay { padding: 0 10px; }
}