html, body {
	margin:0; 
	padding:0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:white;
} 
a:link{
	text-decoration:none;
	color:white;
	}
a:visited{
	text-decoration:none;
	color:white;
	}	
p{
	color:#525252;
}
h1{
		color:black;
		font-family: 'Roboto';
		font-size:42px;
		font-weight:normal;
}
h2{
	color:black;
	font-family: 'Roboto';
	font-weight:normal;
	margin:0;
}
.h2Link{
	color:#59baff;
}
.h2Link:hover{
	color:#0096ff;
}
#navMenu{
	width:100%;
	height:80px;
	background:rgba(0, 0, 0, 0.3);
	z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    color:white;
	padding:10px 40px 0px 80px;
}
#navMenu li{
	display: inline; 
}
#navMenu a:link{
	text-decoration:none;
	color:white;
	}
#navMenu a:visited{
	text-decoration:none;
	color:white;
	}	
#mainImage img{
	width:100%;
	height:auto;
	max-height:675px;
	object-position: 50% 15%;
	object-fit: cover;
}
.leftMenuText{
	font-size:36px;
	padding:10px 15px 10px 0;
	margin-right:0px;
	display:inline-block;
}
.rightMenuText{
	font-family:'Roboto';
	font-size:16px;
	font-weight:500;
	padding:20px 170px 10px 0;
	float:right;
}
.menuButton{
	border-radius:3px;
	padding:10px;
	margin-right:5px;
}
.menuButton:hover{
	background-color:#59baff;
}
.menuSelected{
	background-color:#59baff;	
}
#descriptionContainer{
	position:absolute;
	top:57%;
	left:10%;
	margin:0 17% 20px 0;
	max-width:400px;
	display:none;
}
#shortDescription{
	background:rgba(0, 0, 0, 0.4);
	padding:15px;
	border-radius:3px;
	font-size:16px;
	line-height:20px;
}
#moreDetails{
	margin-top:15px;
}
.moreDetailsButton{
	border-bottom:3px solid #0096ff;
}
.moreDetailsButton:hover{
	background-color:#0096ff;
	}
.blue{
	color:#59baff;
}
.bold{
	font-weight:900;
}
.contentContainer{
	padding:10px 50px 0px 80px;
}
#photoGalleryContainer{
	
}
#photoGalleryContainer img{
	width:23.5%;
	margin-right:1%;
	margin-bottom:10px;
	height:150px;
	object-fit: cover;
}
#propertyDetailsContainer{
	background-color:#f2f2f2; 
	border-radius:3px; 
	padding:15px 25px; 
	font-size:1.3em; 
	line-height:1.5em; 
	color:#525252;
	width:93%;
}
#photoGalleryContainer img:nth-child(4n){
	margin-right:0%;
}
#contactContainer{
	background-color:#f2f2f2; 
	border-top:1px solid #ccc;
}
#callToAction img{
	width:31.5%;
	margin-right:1%;
	margin-bottom:10px;
	height:190px;
	object-fit: cover;
}
#callToAction img: img:nth-child(3n){
	margin-right:0%;
	}
.propertyText{
	float:left;
	width:30%;
}
.propertyText:nth-child(1){
	width:38%;
}
.propertyText:nth-child(2){
	width:28%;
}
.propertyText:nth-child(3){
	width:33%;
}

@media screen and (max-width: 1024px) {
.rightMenuText{
	padding-right:100px;
}
#navMenu li{
	font-size:14px;
	padding:5px;
	margin-right:2px;
}
	}	

@media screen and (max-width: 880px) {
.contentContainer{
	padding:10px 5px 0px 5px;
}
#navMenu{
	padding:10px 5px 0px 5px;
	height:50px;
}
.leftMenuText{
	padding-top:0px;
}

#navMenu li{
	display:none;
	}
h1{
	font-size:36px;
	}	
#photoGalleryContainer img:nth-child(4n){
	margin-right:1%;
}
#photoGalleryContainer img:nth-child(3n){
	margin-right:0%;
}	

#photoGalleryContainer img{
	width:31.5%;
	margin-right:1%;
	margin-bottom:10px;
	height:190px;
	object-fit: cover;
}
.h2Link{
	font-size:18px;
}
.propertyText{
	font-size:.85em;
}

	}	
@media screen and (max-width: 568px) {	
#photoGalleryContainer img:nth-child(2n){
	margin-right:0%;
}
#photoGalleryContainer img:nth-child(3n){
	margin-right:1%;
}	

#photoGalleryContainer img{
	width:48%;
	margin-right:1%;
	margin-bottom:10px;
	height:190px;
	object-fit: cover;	
	}
h1{
	font-size:23px;
	margin-top:0px;
}
.propertyText{
	display:inline-block;
	width:100%;
	font-size:1em;
}
.propertyText:nth-child(1){
	width:100%;
}
.propertyText:nth-child(2){
	width:100%;
}
.propertyText:nth-child(3){
	width:100%;
}

	}