@media only screen and (min-width: 60em) {

	header h1 {
		margin-top: 60px;
	}

	.navigation {
		display: flex;
	}

	.navigation li:first-child {
		display: none;
	}

	.navigation li {
		display: block;
		flex: 1 1 100%;
	}

	.navigation li a {
		color: yellow;
	}

	main {
		margin: auto;
		padding: 5px;
		max-width: 90%;
	}
	#summary {
		width: 150px;
		position: absolute;
		top: 330px;
		left: 150px;
	}
	#articlediv {
        flex-direction: row;
    }

	main h3 {
		margin-bottom: 0;
	}

	footer {
		margin: auto;
		max-width: 90%;
	}
	#forecastsection{
		background-color: black;
	}
}