/***** iPhone (landscape) *****/
@media only screen and (max-width: 720px) {
	
	
	
.slicknav_menu {
	display:inherit;
}

#menu {display: none; }	
	
.mobile-show {display: inherit;}
.mobile-hide {display: none;}


.header-left {float: none; width: 100%; display: block; text-align: center; margin: 6px 0 10px 0;}
.header-right {float: none; width: 100%; display: block; text-align: right;}


#logo {display: none; }
#logotype {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.18em;
	float: none;
	top: 1px;
	position: relative;
	padding: 10px 0 8px 0;
	display: block;
	width: 80%;
	margin: 0 auto;
	}

	
#home-bgnd-img {
	width: 100%; 
	height: 75vh; /* 75% of viewport */ 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
	}
	
#home-shade {
	width: 100%; 
	height: 75vh; 
	background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45));
	text-align: center;
}

.slide-header {
	font-size: 10vw; 
	line-height: 10vw;
	margin-bottom: 10px;
	 }
	 
.slide-txt {
	width: 90%;
	font-size: 2.5vw; 
	line-height: 4.5vw;
	padding-bottom: 30px;
	display: inherit;
	
}	

.social-icon {width: 25px; height: 25px; border: none; opacity: 0.66; float: none; position: relative; bottom: 1px; margin-left: 10px; }


.feature-txt {
		color: #FFF; 
		font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
		font-style: normal;
		font-weight: 800;
		position: absolute;
		left: 0;
		right: 0;
		font-size: 24px;
		line-height: 25px;
		letter-spacing: 0.08em;
		padding-top: 10%;

}	


.feature-img {
	background-size: cover; 
	background-position: center center;
	width: 100%; 
}

.feature-img:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}


a:link.white-border {
	font-size: 13px;
	padding: 8px 40px 8px 40px;

}

.orderform {border:1px solid #5096aa;}

.orderform-grid {
	padding-top:0px;
	} /* for order-form.cfm */

.orderform-grid-qty {
	padding-top:0px;
	} /* for order-form.cfm */

a:link.footer-link {
	font-size: 11px;
	padding: 6px 10px 6px 10px;
	display: block;
	text-align: center;
	margin-bottom: 8px;
}



a:link.footer-link:last-of-type { border: 1px solid #333; margin-left: 0; }


.copyright {
	font-size: 8px; 
	top: 5px;	

}

h3 {
	font-size: 40px; 
	line-height: 40px;
	padding-top: 54px;
	text-align: center;
	padding-bottom: 0;


}

.int-header {height: 150px; }


.breadcrumbs {display: none;
}

#prop-detail-header {border-bottom: none; border-top: 1px solid #e7e7e7; width: 100%;}



.sidebar {display: none; }

.gridview {position: relative; float: left; display: block; width:100%; margin: 0 0 1% 0;}

.grid-tn {width: 100%; background-position:center center; background-size: cover; background-repeat: no-repeat; border: 0; text-align: center; color: #333; text-decoration: none; }


.grid-txt {		
		font-family: "Gotham SSm A", "Gotham SSm B";
		font-style: normal;
		font-weight:300;
		position: absolute;
		left: 0;
		right: 0;
		font-size: 12px;
		line-height: 18px;
		padding-top:108%;
		
		
}

.catalog {width: 128px; margin-top: 0; position: relative; top: -15px;}


.frm-fld-3 {
		width: 24.6%; 
	}	
	



/* MOVING TYPOGRAPHY */


div.slide-up {
  width:100%;
  height: 75vh;
  overflow:hidden;
  position: absolute;  
}

div.slide-up .move {
  animation: 2s slide-up;
  margin-top: 15vh;
  }

@keyframes slide-up {
  from {
    margin-top: 75vh;
    height: 500%; 
  }

  to {
    margin-top: 15vh;
    height: 100%;
  }
}