@media screen and (max-width: 767px) {
	.container {
		margin: 12px;
		max-width: calc(100% - 24px);
	}

	table.calendar {
		padding: 0 !important;
	}

	table.calendar tr.days td,
	table.calendar td.day-2,
	table.calendar td.day-4 {
		width: calc(100% / 7) !important;
		height: 78px !important;
		display: inline-block;
	}

	#booking-table {
		padding: 4px !important;
	}

	#booking-table td {
		white-space: wrap !important;
		vertical-align: top !important;
		padding: 4px !important;
	}

	#booking-table td:first-of-type {
		padding: 0 !important;
	}
}

input[type="submit"],
a.button {
	border: 1px solid #ddd;
	background-color: #f1f1f1;
	font-family: sans-serif;
}

a.button:hover, a.button:focus, a.button:active {
	color: #1e73be;
	background-color: white;
}

input[type="submit"]:hover {
	color: white;
	background-color: #1e73be;
}