.home-page-banner {
	&, .primary {
		grid-area: primary;
		max-width: 100%;
		text-overflow: ellipsis;
	}
	.secondary {
		-ms-grid-column: 3;
		grid-area: secondary;
		/*height: 421px;*/
		width: 100%;
	}
	.promo {
		-ms-grid-row: 3;
		grid-area: promo;
		height: 100%;
		width: 100%;

	}
	.tertiary {
		-ms-grid-row: 3;
		-ms-grid-column: 3;
		grid-area: tertiary;
	}
}
.tertiary {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr;
	.item {
		height: 100%;
	}
}
.tertiary1 {
	display: grid;

}
.tertiary2 {
	display: grid;
;
}
.tertiary1, .tertiary2 {
	.item {
		width: 100%;
		height: 100%;
		text-overflow: ellipsis;
	}
}
.img_banner_style {
	position: absolute;
	bottom:0px;
	left:15px;
	height: auto;
	padding: 10px;
	text-align: left;
	p {
		color:white;
		font-weight: bold;
		&:first-child {
			font-weight: bold;
			font-size: .8em;
			color: white;
		}
		&:nth-child(2) {
			font-size: 1.5em;
			color: white;
			line-height: 1.4em;
		}
	}
}
.accent-bg {
	color: white;
}
.home-page-banner {
	padding-bottom: 20px;
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 20fr 16fr;
	grid-template-rows: 5fr 2.5fr 3.5fr;
	grid-template-areas: "primary secondary"
						"primary tertiary"
						"promo tertiary";
	overflow: hidden;
	height: auto;
}

/* Search */
.plan-search{
	background-color:#ececec;
}
#search-floorplans-box {
	background-color: #464646;
	text-align: center;
	height: 41%;
	color: white;
	font-size: 15px;
	line-height: 1.5em;
	h3 {
		padding: 10px;
		margin-top:0px;
		margin-bottom: 0px;
		background-color: #464646;
		white-space: nowrap;
		border-bottom: .5px solid #707070;
		font-size: 21px;
		font-weight: normal;
	}
	table {
		table-layout: fixed;
		margin: 30px auto 10px auto;
		tr {
			td {
				padding: 0px 0px 20px 0px;
				text-align: left;
				input {
					margin-right: 2px;
				}
				&:first-child {
					padding: 0px 5px 20px 5px;
				}
			}
		}
	}
}
#search-bedrooms td:nth-of-type(n+2), #search-bathrooms td:nth-of-type(n+2), #search-floors td:nth-of-type(n+2) {
	width: 40px;
}
#search-area input {
	width: 50px;
}
#search-keywords {
	margin-bottom: 5px;
	margin-top: 20px;
	input {
		width: 100%;
		background-color: #ACACAC;
	}
}
#advanced-search select {
	background-color: #ACACAC;
}
#search-floorplans-box {
	input[type="submit"] {
		background-color: #464646;
		border-radius: 3px;
		border: 1px solid white;
		font-weight: bold;
	}
	a {
		color: white;
		text-decoration: underline;
	}
	#search-bedrooms, #search-bathrooms, #search-floors {
		white-space: nowrap;
	}
}
.form-container {
	padding: 20px 70px 20px 0;
	text-align: right;
}

/* End Search */

/* media queries */
	@media (max-width: 700px) {
		#search-floorplans-box h3 {
			font-size: 17px;
		}
		.img_banner_style {
			left: 0;
			padding: 10px 50px 10px 10px;
		}
		.tertiary {
			grid-template-columns: 1fr;
			grid-template-rows: 1fr 1fr;

		}
		.home-page-banner {
			grid-template-columns: 1fr;
			grid-template-rows: 3fr 3fr 3fr 2fr;
			grid-template-areas: "primary"
								"secondary"
								"tertiary"
								"promo";
			overflow: hidden;
			height: auto;
			&::before {
				content: '';
				width: 0;
				padding-bottom: 100%;
				grid-row: 1 / 1;
				grid-column: 1 / 1;
			}
			> *:first-child{
				grid-row: 1 / 1;
				grid-column: 1 / 1;
			}
		}
		.bedroom, .bathroom,
		.sqfootage, .floors {
			padding: 10px 0 5px 0;
		}
		.form-container {
			text-align: left;
			padding: 20px 0px 0px 0px;
		}

	}
	@media (min-width: 701px) {
		.home-page-banner {
			grid-template-columns: 1fr;
			grid-template-rows: 3fr 3fr 3fr 2fr;
			grid-template-areas: "primary"
								"secondary"
								"tertiary"
								"promo";
			overflow: hidden;
			height: auto;
		}
		.img_banner_style {
			left: 15px;
			padding: 10px;
		}
	}
	@media (min-width: 992px) {
		.home-page-banner {
			grid-template-columns: 20fr 20fr;
			grid-template-rows: 5fr 2.5fr 3.5fr;
			grid-template-areas: "primary secondary"
								"primary tertiary"
								"promo tertiary";
			overflow: hidden;
			height: auto;
		}
	}
	@media (min-width: 1200px) {
		.home-page-banner {
			grid-template-columns: 20fr 16fr;
			grid-template-rows: 5fr 2.5fr 3.5fr;
			grid-template-areas: "primary secondary"
								"primary tertiary"
								"promo tertiary";
			overflow: hidden;
			height: 875px;
		}
	}