#grid { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/grid.png) no-repeat 50% 0; z-index: 3000; display: none;}
#windowsize { padding: 10px; position: fixed; left: 50%; top: 22px; margin: 0 0 0 -150px; opacity: 0.7; background: #000; width: 300px; text-align: center; color: #FFF; font-size: 14px; z-index: 2000;  display: none; }

button#gr, 
button#ws, 
button#ol { z-index: 3001; left: 0; position: fixed; padding: 0; line-height: 30px; width: 30px; background: #111; outline: 0; font-size: 16px; text-align: center; }

button#gr { top: 100px; }
button#ws { top: 131px; font-size: 12px; }
button#ol { top: 162px; }


button#ol.active,
button#ws.active,
button#gr.active { background: #EEE; color: #111; }

button#ws,
button#gr,
button#ol { display: none; }


@media only screen and (min-width: 40.063em) {
	
	button#ol,
	button#ws { display: block; }

}

@media only screen and (min-width: 90.063em) {

	button#gr { display: block; }

}

.columns.outlines { outline: 1px dashed red; }