@media only screen and (min-width: 37.5em) {
/* Only CSS rules that need to be changed to meet the layout needs from small to medium go in here */
	main {
		margin:auto;
		width: 80%
	}

	nav {
		background-color: #1e2023;
	}

	nav button {}  /* hamburger button does not need to be shown */

	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #333;
		width:auto;
	}

	nav ul li {
		float: left;
		border-right: 1px solid #bbb;

	}

	nav ul li a {
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}

	nav ul li.active a {
		background-color: #4CAF50;
	}
	nav ul li a:hover {
		background-color: #111;
	}


.forecast {
	display:initial;
}  /* show the 10-day forecast with the medium view and up */

.forecast table {
	width:75%;
	height:100px;
	margin:auto;
}

.forecast table th {
	background-color:#1e2023;
	color: white;
}

.forecast table, th, td {
	border: 1px solid black;
}

article p.town-article img { /* responsive images */
	width: 62.666%;
	float:right;
	margin-bottom:20px;
}

footer {
	clear:both;
}