/**
 * This is pretty dirty without a css precompiler. For now we'll use the
 * desktop/mobile tags to show or hide certain elements, and we should use
 * the exact media query `max-width: 767px` to detect small screens.
 *
 * @TODO when we move to a css precompiler, update all instances of 
 * `max-width: 768px` with a variable for maintainability. 
 * 
 * - CAL
 **/

.desktop { display: block }
.mobile {	display: none }

@media (max-width: 768px) {
	.desktop { display: none }
	.mobile {	display: block }
}