/*
--------------
MOBILE STYLES
--------------
*/

/* Computer and Mobile */
@media screen and (max-width: 871px) { /* When browser shrinks to user-set width */
	.wrapper, header {
		width: 98%;
		float: none;
	}
	.wrapper {
		padding-left: 0; padding-right: 0;
	}
		.double article {
			padding-left: 25px;
		}
		.double aside {
			padding-right: 25px;
		}
}

/* Computer and Mobile */
@media screen and (max-width: 800px) { /* When browser shrinks to 800px */
	h1 {
		text-align: center;
 		max-width: 98%;
	}
	header nav {
		text-align: center;
		width: 100%; max-width: 100%;
		position: static; float: none; display: block;
	}
		nav a {
			font-size: 14px;
			padding: 12px 20px;
		}
}

/* Computer and Mobile */
@media screen and (max-width: 700px) { /* When browser shrinks to 700px */
	h2, .banner h2 {
		font-size: 15.75px;
	}
	.banner h2 {
		width: 100%; left: 0; margin-left: 0;
	}
	.double article, .double aside {
		width: auto; border: 0; padding-left: 25px; padding-right: 25px;
		float: none;
	}
}