----------------------------------------------- */

@media (max-width: 940px) {
	html,
	body,
	#main {
		max-width: 100%;
	}
	#generator h1 {
		float: none;
		margin: 0 auto;
	}
	#generator-form {
		float: none;
		margin: 1em auto 0;
	}
	#intro,
	#features {
		float: none;
		width: 460px;
		margin: 0 auto;
	}
	#contribute h1 {
		float: none;
		margin: 0 auto 20px;
	}
	#github {
		width: 460px;
		float: none;
		margin: 0 auto 20px;
	}
	#github a {
		width: 418px;
	}
	#team {
		margin: 0 auto;
		width: 480px;
	}
	.site-info, .automattic-credit {
		display: block;
		padding: 5px 0;
		margin: 0 auto;
	}
}

@media (max-width: 500px) {
	.site-header .site-description {
		left: 0;
		margin: 20px 0 0;
		position: relative;
		text-align: center;
	}
	#generator h1 {
		width: 100%;
	}
	#generator-form {
		width: 100%;
		margin: 0;
	}
	.generator-form-inputs {
		width: 85%;
	}
	.generator-form-inputs input[type="text"] {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.generator-form-submit {
		width: 140px;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.wrap {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	#intro,
	#features {
		width: 90%;
		margin: 0;
	}
	#contribute h1 {
		width: 100%;
	}
	#github {
		width: 100%;
	}
	#github a {
		width: 80%;
	}
	#team {
		width: 90%;
	}
}