@charset "utf-8";
/* CSS Document */






/* Basic Page Styles */

html, body {
	margin:0 auto;
	font-family: 'Myriad Pro',  Arial, 'sans-serif';
	color:#323e49;
	line-height: 1.5em;
	
}



img {
	display: block;
	margin:0;
}
a, img, div {
	outline: none;
	text-decoration: none;
	border:none;
}
a:focus {
	outline: none;
}

p {
	font-size:16px;
	font-weight: 400;
	text-align: center;

}


header {
	width:100%;
	margin:0 auto;
	background-color: #323e49;
	transition: all 0.4s ease;
	 -webkit-transition: all 0.4s ease;
	z-index: 100;
	-ms-interpolation-mode: bicubic;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
	padding: 10px 0;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

#mobileMenuNav
{
	display: none;
}
#mobileMenu 
{
	display: none;
}

.stickyLogo {
	width:100%;
	max-width: 295px;
	margin: 0 auto;
	
}

.button {
	background-color: #08B0AC;
	color:white;
	border:1px solid #08B0AC;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	font-family: 'Lora', serif;  
	font-size: 22px;
	padding: 15px 15px;
	width:fit-content;
	cursor: pointer;
}

.button:hover {
	background-color: #17687F;
	border: 1px solid #17687F;
}

.button.white {
	background-color: white;
	color:#17687F;
	border:1px solid white;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
	font-family: 'Lora', serif;  
	font-size: 22px;
	padding: 15px 15px;
	width:fit-content;
	cursor: pointer;
}

.button:hover {
	background-color: #17687F;
	border: 1px solid #17687F;
	color:white;
}
input[type="submit"] {
	width:auto;
	margin: 0 auto;
} 

#nav {
	display: flex;
	width:100%;
}
.menu-item a{
	color:#c68b66;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 22px;
	letter-spacing: 2px;
}

.menu-item {
	display: flex;
	flex-basis: 14%;
	align-items: center;
	justify-content: center;
}

.menu-item.current a{
	color:white;
}

.menu-item:hover a{
	color:white;
}

main {
	width:100%;
	margin: 0 auto;
}

figure {
	margin: 0;
}

h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:65px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 6px;
	line-height: 1.2em;
	margin: 0;

}

h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:55px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 6px;
	line-height: 1.2em;
	margin: 0;
	
}

.subText {
	font-family: 'Lora', serif;  
	font-weight: 400;
	font-size:30px;
	margin:0 auto;	
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	line-height: 2.5em;
}

h3 {
	font-family: 'Lora', serif;  
	font-weight: 400;
	font-size:25px;
	text-align: center;
}

h4 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:25px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin:0;
	letter-spacing: 3px;
}

.blue {
	color:#323e49;
}

.blueBackground {
	background-color: #323e49;
}

.teal {
	color:#00687f;
}

.tealBackground {
	background-color: #00687f;
}
	
.turquoise {
	color:#00b0ad;
}

.turquoiseBackground {
	background-color: #00b0ad;
}

.caramel {
	color:#c68b66;
}
.grey {
	color:#d8d8d6;
}

.greyBackground {
	background-color: #d8d8d6;
}
.white {
	color:white;
}
.row {
	display: flex;
	flex-wrap: wrap;
}

.innerContent {
	width:100%;
	max-width: 1500px;
	margin: 0 auto;
}

.headerCol1 {
	display: flex;
	flex-basis: 15%;
	justify-content: flex-start;
	visibility: hidden;
	align-items: center;
}

.headerCol2 {
	display: flex;
	flex-basis: 70%;
	justify-content: center;
	align-items: center;
}
.headerCol3 {
	display: flex;
	flex-basis: 15%;
	justify-content: flex-end;
	visibility: hidden;
	align-items: center;
}

.header.sticky .headerCol1 {
	visibility: visible;
}

.header.sticky .headerCol3 {
	visibility: visible;
}

.colHalf {
	display: flex;
	flex-basis: 50%;
	align-items: center;
}
.logo {
	width:100%;
	max-width: 350px;
	height: 100%;
}

#about {
	padding: 100px 0;
}

.paragraphSpacing {
	padding: 40px;
}
#layouts {
	padding: 100px 0;
}

hr {
	border-width: 1.5px;
	width:40px; 
	border-style: solid;
}

.layoutSamples {
	padding-top:50px;
}

#oneBedSample {
	display: none;
}
#twoBedSample {
	display: none;
}

.col3 {
	display: flex;
	flex-basis: 100%;
}

.col65 {
	display: flex;
	flex-basis: 65%;
	justify-content: flex-end;
	text-align: left;
}

.col35 {
	display: flex;
	flex-basis: 35%;
	justify-content: flex-end;	
	flex-direction: column;
}
.col35 p {
	text-align: left;
}
.col35 h2 {
	text-align: left;
	margin-bottom: 35px;
	line-height: 1.2em;
}

.innerSpace {
	padding-left: 50px;
}

.spaceTop {
	padding-top: 35px;
}

.colThird {
	display: flex;
	flex-basis: 33.3333%;
	align-content: center;
	justify-content: flex-start;
	padding: 25px 0;
}

.colThird img {
	width:100%;
}

.floorplanBtn {
	cursor: pointer;
	justify-content: center;
}

.floorplanBtn:hover {
	background-color: white;
}
.floorplanBtn.active {
	background-color: white;
}

.floorplanBtn:hover h4 {
	color: #00b0ad;
}
.floorplanBtn.active h4 {
	color:#00b0ad;
}

#features {
	padding: 100px 0;
  
}

.innerColSpacing {
	padding: 0 15px;
}

#location {
	padding-bottom: 10px;
}

#map {
	height:600px;
}

#builder {
	padding: 75px 0;
	background-image: url(../images/builder-img-2560.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.col60 {
	display: flex;
	flex-basis: 55%;
	align-items: center;
	justify-content: center;
}

.col25 {
	display: flex;
	flex-basis: 22%;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}
.col10 {
	display: flex;
	flex-basis: 10%;
	align-items: center;
	justify-content: center;
}

.col15 {
	display: flex;
	flex-basis: 15%;
	align-items: center;
	justify-content: center;
}

.col60 p {
	text-align: left;
	padding: 0 45px;
}

#builder .row {
	padding-top: 50px;
}

#lease {
	padding: 100px 0;
}

#lease .row {
	margin: 0 25px;
}

#lease .col25 {
	flex-direction: column;
}

.col25 p {
	padding:0;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	
.col25 p {
	padding: 0;
}
	.chenierLogo {
		margin: inherit!important;
	}
}


.col25 h1 {
	font-size: 45px;
}

.testimonialBlock {
	background-color: white;
	padding: 50px 100px;
}

#testimonial {
	background-image: url(../images/testimonial-img-2560.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 100px 0;
}


.col75 {
	display: flex;
	flex-basis: 75%;
	justify-content: center;
}
.col75 p{
	text-align: left;
	padding: 0 25px;
}

.author {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:20px;
	font-weight: 400;
	text-align: right!important;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 1.2em;
}

#contact {
	padding: 100px 0;
	background-image: url(../images/contact-img-2560.jpg);
		background-repeat: no-repeat;
	background-size: cover;
}

.form {
	width:100%;
	max-width: 600px;
	margin:0 auto;
}

.colFull {
	display: flex;
	flex-basis: 100%;
	justify-content: center;
}

input, textarea, select {
	width:100%;
	border:1px solid black;
	padding: 15px;
	    margin: 5px 3px;
   
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


#contactForm input {
	width:100%;
}
#contactForm textarea {
	width:100%;
}


input:focus {
	border:1px solid black;
	outline:none;
}
select:focus {
	border:1px solid black;
	outline:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
	font-weight: 400;
	font-family: 'Myriad Pro',  Arial, 'sans-serif';
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
	font-weight: 400;
	font-family: 'Myriad Pro',  Arial, 'sans-serif';
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
	font-weight: 400;
	font-family: 'Myriad Pro',  Arial, 'sans-serif';
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
	font-weight: 400;
	font-family: 'Myriad Pro',  Arial, 'sans-serif';
}

select {
	width:80%;
}
.socialIcon {
	margin:10px;
}

.socialIcon:hover {
	color:#323e49;
}

.footerText {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#footerBar {
	margin-top: 10px;
	padding: 10px 0;
}
.backtoTopBtn {
	display: none;
	position: fixed;
	bottom:10px;
	right:10px;
}
#headerImage h1 {
	line-height: 1em;
}
.lImage {
	display: none;
}

.mImage {
	display: none;
}

.sImage {
	display: none;
}

.xsImage {
	display: none;
}


.floorBtn {
	background-color: #00b0ad;
}

.tabletText {
	display: none;
}

#mobileMenuBar .col10 {
	display: none;
}

.mobileLogo {
	display: none;
}

#mobileMenuBar {
	display: none;
	 -webkit-transition: all 0.4s ease;
	z-index: 100;
	-ms-interpolation-mode: bicubic;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

#desktopBar {
	position: absolute; 
	top:15px;
	display: flex;
	width:100%;
	z-index: 100;
}

#menuToggle
{
  display: block;
  position: absolute;
     right:0px;
    margin-top: -10px;
	
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}	
	
	#menuToggle  input
	{
	  display: block;
	  width: 38px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;

	  cursor: pointer;

	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */

	  -webkit-touch-callout: none;
	}

	/*
	 * Just a quick hamburger
	 */
	#menuToggle span
	{
	  display: block;
	  width: 33px;
	  height: 4px;
	  margin-bottom: 5px;
	  position: relative;

	  background: #00687f;
	  border-radius: 3px;

	  z-index: 1;

	 transform-origin: 23px 0px;

	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				  opacity 0.55s ease;
	}

	#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2)
	{
	      transform-origin: 57% 100%;
	}

	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #00687f;
	}

	#menuToggle input:checked ~ span:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}

	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  transform: rotate(-45deg) translate(0, -1px);
	}

.mobileContent{
	display: none;
}

.floorplanDropDown {
	display: none;
}

.desktopContent .button {
	margin: 0 auto;
	display: table;
}



#registerPopup {
	width:90%;
	max-width: 1200px;
	background-color: white;
	position: relative;
margin: 20px auto;
}

.postregisterContent {
	display: none;
	
}
.displayNone {
	display: none;
}

.displayBlock {
	display: block;
}

#infoPopup {
	width:75%;
	max-width: 1200px;
	background-color: white;
	position: relative;
margin: 20px auto;
}

.registerForm {
	 width:90%; 
	padding-top: 50px;
	margin:0 auto;
}

.contactFormCommCheckbox {
    position: relative;
    margin-bottom: 20px;
    padding-left: 5px;
    text-align: left;
	padding-top: 30px;
	padding-bottom: 50px;

}
.contactFormCommCheckbox input {
    margin-top: 6px;
}
.contactFormCommCheckbox > div {
    position: absolute;
    margin-left: 24px;
    top: 0;
    font-size: 15px;
    line-height: 15px;
	padding-top: 30px;
}

.response {
	color:white;
	text-align: center;
}

.response a {
	color:white;
}
.consentText {
	font-size: 13px;
	font-weight: 400;
}



.popuponeHalfColumn {
	flex:1;
	margin:0 auto;
}
	.registrationForm {
		width:80%;
		margin:0 auto;
		
	}
	.popupImgLarge {
	display: block;
}



.popupImgSm {
	display: none;
}

.infopopuplist {
	 text-align: left; 
}

#infoPopup h3 {
	font-size: 20px
}

#infoPopup h2 {
	font-size: 42px;
}

#infoPopup .row {
	align-items:center;
}

#about img {
	width:100%; 
	max-width: 710px; 
	margin: 0 auto;
}

.chenierLogo {
	max-width: 388px; 
	margin: 0 auto;
	width:100%;
}


#heritage {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	position: relative;
}

#heritagePopupText {
	 background: linear-gradient(135deg, #17aa9d 12%, #fff 12%, #fff 87%, #17aa9d 87%);
	flex-direction: column;
	padding: 50px 100px;
}

.heritageCol1 {
	display: flex;
	flex-basis: 66.2%;
}

.heritageCol2 {
	display: flex;
	flex-basis: 33.8%;
	
}

.iframeContainer {
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
	width:100%;
	background-image:url(../images/video-placeholder.jpg);
	background-repeat: no-repeat;
}

.heritageFrame {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border: 0;
}


.thankYouContent {

	 background: linear-gradient(135deg, #17aa9d 12%, #fff 12%, #fff 87%, #17aa9d 87%);
	flex-direction: column;
	padding: 50px 150px;

}

.error {
	text-align: center;
	color:white;
}


.success {
	text-align: center;
	color:white;
}

#mc_embed_signup {
	
}

@media all and (max-width: 2000px) {
	#features {
       background: linear-gradient(45deg, #00687f 25%, #fff 25%, #fff 80%, #00687f 80%);	
	}
	
}
@media all and (max-width: 1680px) {
	#features {
		background: white;
	}
	#testimonial .innerContent {
		max-width: 1100px;
	}
	
	#builder .col25 {
		flex-basis: 100%;
		padding-bottom: 20px;
	}
	#builder .col60 {
		flex-basis: 100%;
		padding-bottom: 20px;
	}
	#builder .col60 p {
		text-align: center;
	}
	
	.col10 {
		flex-basis: 100%;
	}
	#builder .innerContent {
		max-width: 900px;
	}
	#builder .row {
		padding-top: 25px;
	}
	#builder {
		background-image: url(../images/builder-img-1680.jpg);
		padding: 25px 0;
	}
	h1 {
		font-size: 55px;
	}
	#testimonial {
	background-image: url(../images/testimonial-img-1680.jpg);
	padding: 50px 0;
	}
	
	#contact {
	padding: 50px 0;
	background-image: url(../images/contact-img-1680.jpg);
	
}
	
	#lease {
	padding: 50px 0;
	}
	
	#contact {
	padding: 50px 0;
	}
	
	#features {
	padding: 50px 0;
	}
	#about {
		padding: 50px 0;
	}
	#layouts {
		padding: 50px 0;
	}
	.colThird {

	flex-basis: 31.3333%;
	padding: 25px 10px;
	}
	.xlImage {
		display: none;
	}
	
	.lImage {
		display: block;
	}
}

@media all and (max-width:1500px) {
	#headerImage .row {
		margin: 0 25px;
	}
	#topHeader .row {
		margin: 0 25px;
	}
		
.infopopuplist {
	width:80%;
	line-height: 30px;
		 
}
	
	.col25 {
		flex-basis: 20%;
	}
}

@media all and (max-width:1024px) {
	#features .row {
		justify-content: center;
	}
	
	.colThird {
		flex-basis: 40%;
		justify-content: flex-start;
		padding: 15px 0;
		margin: 20px;
	}
	
	.innerColSpacing {
		width: 100%;
		max-width: 447px;
		padding: 0;
		margin: 0 auto;
	}
	.none {
		display: none;
	}
	
	.lImage {
		display: none;
	}
	
	.mImage {
		display: block;
	}
	
	h1 {
		font-size: 40px;
	}
	
	.subText {
		font-size: 24px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 22px;
		margin: 0;
		margin-bottom: 10px;
	}
	
	p {
		font-size: 14px;
	}
	
	#infoPopup h3 {
	font-size: 18px
}

#infoPopup h2 {
	font-size: 34px;
	letter-spacing: 5px;
}

	
	.paragraphSpacing {
		padding: 20px;
	}
	.menu-item a {
		font-size: 18px;
	}
	
	.button {
		font-size: 15px;
	}
	
	.button.white {
		font-size: 15px;
	}
	
	.spaceTop {
		padding-top: 25px;
	}
	.innerSpace {
		padding-left:25px;
	}
	

	
	h4 {
		font-size: 20px;
		text-align: left;
		padding-left: 25px;
	}
	
	.floorBtn .colThird {
		flex-basis: 33.3333%;
		margin:0;
	}
	
	.tabletText {
	display: block;
}
	
	.desktopText {
		display: none;
	}
	
	#layouts .row {
		margin: 0 25px;
	}
	
	#map {
		height: 400px;
	}
	#builder {
		background-image: url(../images/builder-img-1024.jpg);
	}
	
	#lease .col25 {
		flex-basis:28%;
		justify-content: flex-start;
		padding-top: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
#lease .col25:nth-child(1) {
		flex-basis: 100%;
	padding-top: 0px;
	}
	
	#testimonial {
		background-image: url(../images/testimonial-img-1024.jpg);
	}
	
	#contact {
	background-image: url(../images/contact-img-1024.jpg);
	
}
	
	.testimonialBlock {
		margin: 0 50px;
	}
	
	.testimonialBlock .col25 {
		flex-basis: 100%;
	}
	.col75 {
		flex-basis: 100%;
	}
	
	.col75 p {
		text-align: center;
	}
	
	.author {
		font-size: 16px;
		text-align: center!important;
	}
	
	#footer .row {
		margin: 0 25px;
	}
	
	#footer .col60 {
		flex-basis: 54%;
	}
	
	#footer .col15 {
		flex-basis: 16%;
	}
	#topHeader .row {
		margin:0 10px;
	}
	.headerCol2 {
		flex-basis: 68%;
	}
	.headerCol3 {
		flex-basis: 17%;
	}
	
	.button {
		    padding: 7px 10px;
	}
	
	.button.white {
		    padding: 7px 10px;
	}
	
	#about .row {
		margin: 0 25px;
	}
	
	
	
#heritagePopupText {
	 background: linear-gradient(135deg, #17aa9d 12%, #fff 12%, #fff 87%, #17aa9d 87%);
	flex-direction: column;
	padding: 50px 100px;
}

.heritageCol1 {
	flex-basis: 100%;
}

.heritageCol2 {
	display: none;
	
}
	
	
	
}

@media all and (max-width:1000px) {
	#topHeader {
		display: none;
	}
	
	#mobileMenuBar .col10 {
	display: flex;
		flex-basis: 10%;
		justify-content: flex-end;
	}
	#mobileMenuBar .colHalf {
		flex-basis: 45%;
	}
	
	#mobileMenuBar {
		background-color: white;
		
		display: block;
		z-index: 10;
	}
	
	#mobileMenuBar.sticky {
		position: fixed;
		top:0;
	}
	
	#mobileMenuBar .row {
		margin: 0 25px;
	}
	
	#desktopBar {
		display: none;
	}
	#mobileMenu {
		display: block;
		position: relative;
	}
	.desktopLogo {
		display: none;
	}
	
	.mobileLogo {
		display: block;
		width:100%;
		max-width: 230px;
		margin: 0 auto;
	}
	
	.mobile_menu {
		width:100%;
	}
	
	.menu-item {
		width:100%;
		background-color: #00b0ad;
		text-align: center;
		color:white;
		padding: 10px 0;
		font-weight: 700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	}
	
	.menu-item:hover {
		background-color: white;
		color:#323e49;
	}
	.menu-item.current {
		background-color: white;
		color:#323e49;
	}
	

	.popuponeHalfColumn {
		flex-basis: 100%;
		padding: 0px 0px;
	}
	
	.popuponeHalfColumn {
		flex-basis: 100%;
		padding: 0px 0px;
	}
	.registrationForm {
		padding:25px 0px;
		
	}
	
	
	.popupImgLarge {
	display: none;
}

	#infoPopup {
		max-width: 700px;
	}

.popupImgSm {
	display: block;
}

	#registerPopup {
		max-width: 700px;
	}
}

@media all and (max-width:768px) {
	.colHalf {
		flex-basis: 100%;
	}
	
	.desktopContent {
		display: none;
	}
	
	.mobileContent {
		display: block;
		text-align: center;
		width:100%;
		max-width: 447px;
		margin: 0 auto;
	}
	
	.mobileContent .button {
		margin: 0 auto;
	}
	
	.colThird {
		flex-basis: 100%;
	}
	#builder {
		background-image: url(../images/builder-img-768.jpg);
	}
	
	#testimonial {
		background-image: url(../images/testimonial-img-768.jpg);
		padding: 25px 0;
	}
	#contact {
	background-image: url(../images/contact-img-768.jpg);
	padding: 25px 0;
}
	
	#footer .col60 {
		flex-direction: column;
		flex-basis: 50%;
	}
	
	.col60 p {
		text-align: center;
	}
	
	#footer .col15 {
		flex-basis: 25%;
	}
	
	.footerText {
		font-size: 16px;
	}
	
	.mImage {
		display: none;
	}
	
	.sImage {
		display: block;
	}
	
	.testimonialBlock {
		padding: 25px;
	}
	
	#about img {
		max-width: 447px;
	}

	.chenierLogo {
	max-width: 280px; 
	
}
	
	.col60 p {
		padding: 0 25px;
	}
	
	.paragraphSpacing {
		padding: 20px 0;
	}
	
	
	#heritagePopupText {
	
	padding: 50px 50px;
}
	
	
.colThird img {
	width:auto;
}

	
}

@media all and (max-width:650px) {
	.floorBtn {
		display: none;
	}
	
	.col65 {
		flex-basis: 100%;
	}
	
	.col35 {
		flex-basis: 100%;
		flex-direction: row;
		justify-content: flex-start;
	}
	
	.col35 .row {
		width:100%;
		margin:0!important;
		
	}
	
	.col35 h3 {
		text-align: left;
	}
	
	.subText {
		font-size: 18px;
		line-height: 0;
	}
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 25px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	.col3 {
		flex-basis: 33.3333%;
	}
	.innerSpace {
		padding-left: 0;
		width:100%;
	}
	
	#layouts {
		padding: 25px 0;
	}
	
	.floorplanDropDown {
		display: block;
	}
	
	#lease .col25 {
		flex-basis: 100%;
	}
	
		#infoPopup h3 {
	font-size: 16px
}

#infoPopup h2 {
	font-size: 24px;
}
#footer .col60 {
		
		flex-basis: 100%;
	}

	
	#footer .col15 {
		flex-basis: 100%;
	}
	
	#footer .col25 {
		flex-basis: 100%;
	}
	
	.col65 {
		justify-content: center;
	}
	
}


@media all and (max-width:500px){
	.sImage {
		display: none;
	}
	
	.xsImage{
		display: block;
	}
	
	#builder {
		background-image: url(../images/builder-img-500.jpg);
	}
	
	#testimonial {
		background-image: url(../images/testimonial-img-500.jpg);

	}
	
	#contact {
	background-image: url(../images/contact-img-500.jpg);
	
}
	
	#infoPopup {
	width:90%;
	
}
	#registerPopup {
	width:90%;
	}
	
	.button {
		padding: 3px;
	}
	
	.button.white {
		padding: 3px;
	}
	
	
	#mobileMenuBar .row {
		margin: 0 10px;
	}

	#mobileMenuBar .colHalf {
		flex-basis: 43%;
	}
	
	#mobileMenuBar .col10 {
		flex-basis: 13%;
	}
	
}

@media all and (max-width:447px) {
	.colThird img {
		width:100%;
	}
}