@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

html, body { width: 100%; margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.5; -webkit-print-color-adjust: exact !important; }
.container { width: 100%; max-width: 1100px; margin: auto; padding-bottom: 50px; }
.header { width: 100%; height: auto; display: block; }

.row { width: 100%; display: table; }
.row:last-child { border-bottom: 1px solid #EEE; }
.row:nth-child(even) { background: #F5F5F5; }
.row-heading { font-weight: bold; background: #000 !important; color: #FFF; text-transform: uppercase; }
.row-heading .col { padding: 17px 20px; }
.col { width: 10%; padding: 10px 20px; display: table-cell; vertical-align: middle; box-sizing: border-box; text-align: center; }
.col-venue { width: 30%; text-align: left; }
.col-times { width: 40%; text-align: left; }

@media screen and (max-width:767px) {
	.container { padding-bottom: 0; }
	.row { padding: 10px 0 0; }
	.row-heading { padding: 15px 20px; box-sizing: border-box; }
	.row-heading:before { content: 'Venue & Times'; }
	.row-heading .col { display: none; }
	.col { width: 33.33%; display: inline-block; }
	.col-venue strong { font-size: 18px; }
	.col-venue, .col-times { width: 100%; }
	.col.col-times ~ .col { margin-top: 12px; border-top: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1); float: left; }
	.col.col-times ~ .col:before { content: 'B/Fast'; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	.col.col-times ~ .col:nth-child(4):before { content: 'Lunch'; }
	.col.col-times ~ .col:nth-child(5):before { content: 'Dinner'; }
	.col.col-times ~ .col:nth-child(5) { border-right: none; }
}

@media print {
	html, body { font-size: 10px; }
	.container { padding-bottom: 0; }
	.col { padding: 4px 10px; }
	.col:first-child { padding-left: 20px !important; }
	.row-heading .col { padding: 7px 10px; }
}