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

}
.home-page-banner .tertiary {
	-ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: tertiary;
	/*height: 438px;*/
}
.tertiary {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr;
	/*grid-template-rows: 1fr;*/
	/*grid-template-areas: "tertiary1 tertiary2";*/
}
.tertiary .item {
	height: 100%;
}
.tertiary1 {
	display: grid;
	/*grid-area: tertiary1;*/

}
.tertiary2 {
	display: grid;
	/*grid-area: tertiary2;*/
;
}
.tertiary1 .item,
.tertiary2 .item {
	width: 100%;
	height: 100%;
	text-overflow: ellipsis;
	/*padding: 20px;*/
	/*background-position:center;*/
	/*background-repeat: no-repeat;*/
}
.img_banner_style {
	position: absolute;
	bottom:0px;
	left:15px;
	height: auto;
	padding: 10px;
    text-align: left;
}
.img_banner_style p {
	color:white;
	font-weight: bold;
}
.img_banner_style p:first-child {
	font-weight: bold;
	font-size: .8em;
	color: white;
}
.accent-bg {
	color: white;
}
.img_banner_style p:nth-child(2) {
	font-size: 1.5em;
	color: white;
	line-height: 1.4em;
}
.home-page-banner {
	padding-bottom: 20px;
}


.home-page-banner {
	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;
}
#search-floorplans-box h3 {
	padding: 10px;
	margin-top:0px;
	margin-bottom: 0px;
	background-color: #464646;
	white-space: nowrap;
	border-bottom: .5px solid #707070;
	font-family: "prata";
	font-size: 21px;
	font-weight: normal;
}
#search-floorplans-box table {
	table-layout: fixed;
	margin: 30px auto 10px auto;
}
#search-floorplans-box tr {
}
#search-floorplans-box td:first-child {
	padding: 0px 5px 20px 5px;
}
#search-floorplans-box td {
	padding: 0px 0px 20px 0px;
	text-align: left;
}
#search-floorplans-box td input {
	margin-right: 2px;
}
#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;
}
#search-keywords 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;
}
#search-floorplans-box a {
	color: white;
	text-decoration: underline;
}
#search-floorplans-box #search-bedrooms, #search-floorplans-box #search-bathrooms, #search-floorplans-box #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;
		}
		.home-page-banner::before {
			content: '';
			width: 0;
			padding-bottom: 100%;
			grid-row: 1 / 1;
			grid-column: 1 / 1;
		}

		.home-page-banner > *: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;
		}
	}