body, html { /*added ,html here to make bg image full screen height*/
  padding-top: 3rem; /* 5rem before. Most noticeable at top on smart phones */
	height: 100%; /*added to make bg image take up full screen*/
	font-family: 'Libre Caslon Text', serif;
}
.starter-template {
  padding: 2rem 1.5rem; /*changed 3rem to 2rem for 1st value*/
  text-align: center;
}
.bg-custom {
	background-image: url("images/misc/new-bg-for-bootstrap-hm-pg2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
  background-position: center;
	height: 100%;
}
.bg-light {
    background-color: rgba(248,249,250,0.95)!important; /*Changed nav bar bg color. Last digit is transparency*/
	/*background-image: linear-gradient(#c8c8c8 , #dbdbdb);*/
}
@media screen and (max-width: 422px) { /*this code prevents hamburger icon from stacking below logo on viewports under 422 px wide. IPhone 5 is 320 px wide*/
  .navlogo {
    max-width:200px;
    max-height:32px;
    width: auto;
    height: auto;
	}
}
.carousel-caption {
	text-shadow: 2px 2px 8px #000000;
}
.no-padding-sides {
	padding-left: 0px;
	padding-right: 0px;
}
@media screen and (min-width: 768px) { /*On home page (not in navbar), reduces logo size at 768px and above*/
	.ellprop-logo {
		width: 70%;
	}
}
.listing-address {
	font-size: 80%;
	color: #6c757d;
	text-align: center;
	padding-top: 5px;
}
.icon-div {
	min-height: 30px;
	margin-top: 2px;
	margin-bottom: 2px;
}