.menulink {
	display: none;
}

/* Small tablets and phones */
@media screen and (max-width: 768px) {

/*	body {
		background: yellow !important;
	}
*/
	/* Hide the left-hand menu */
	.menu {
		display: none;
	}

	/* Show the menu span*/
	.menulink {
		display: inline;
	}

	/* Let the login table flow naturally */
	table.main {
		position: static;
		margin: 20px auto;
		width: 90%;
		max-width: 300px;
	}

	/* Ensure labels and inputs wrap nicely */
	td.col1 {
		text-align: left;
		padding-right: 10px;
		white-space: normal;
	}

	/* Make text paragraphs wrap and stay centered */
	p.centretext {
		margin: 0 15px;
		text-align: center;
		white-space: normal;
	}
}