/* home.css — scoped to body.route-home so it can't clash with work.css's .view */

body.route-home .view {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 1200px;
	padding: 40px 30px 30px;
	background-color: white;
}
body.route-home .homePara {
	margin-top: 0;
}
body.route-home .flex-container {
	display: flex;
	padding-top: 30px;
}
body.route-home .flexPara {
	flex-grow: 2;
	min-width: 0;
	text-align: left;
}
body.route-home .flexImg {
	display: none;
}

@media screen and (max-width: 1170px) {
	body.route-home img {
		max-width: 100%;
	}
	body.route-home .flex-container {
		flex-wrap: wrap-reverse;
	}
	body.route-home .flexImg {
		display: initial;
		width: 100%;
		margin-bottom: 35px;
		text-align: center;
	}
	body.route-home #banner {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	body.route-home img {
		max-width: 90%;
	}
	body.route-home .view {
		padding: 10px;
	}
	body.route-home .homePara {
		font-size: 20px;
		text-align: left;
	}
	body.route-home #sub-header {
		font-size: 24px;
	}
}