/***** iPhone (portrait) *****/
@media only screen and (max-width: 480px) {

p{font-size: 20px;}
	
	
.slicknav_menu {
	display:inherit;
}

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


.sticky{position: relative;}

.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;}


	
#home-bgnd-img {
	width: 100%; 
	height: 60vh; /* 75% of viewport */ 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
	}
	
#home-shade {
	width: 100%; 
	height: 60vh; 
	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;

	
}	


.feature-txt {
		color: #FFF; 
		left: 0;
		right: 0;
		/*font-size: 24px;
		letter-spacing: 0.08em;*/

}	


.feature-img {
	background-size: cover; 
	background-position: center center;
	width: 100%; 
}
/*
.feature-img:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}
*/


.category-txt {
		color: #FFF; 
		left: 0;
		right: 0;
		/*font-size: 24px;
		letter-spacing: 0.08em;*/

}	


.category-img {
	background-size: cover; 
	background-position: center center;
	width: 100%; 
}
/*
.category-img:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}
*/

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

}


a:link.footer-link {
	font-size: 16px;
	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 {
	display: block; 
	text-align: center; 
	font-size: 11px; 
	top: 5px;	

}

.grid-txt{padding-top: 100%;}

/* MOVING TYPOGRAPHY */


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

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

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

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