/***** iPad Smaller than 959px *****/
@media only screen and (min-width: 720px) and (max-width: 1024px) {
	

#logo {width: 45vw; height: auto; border: 0; float: left; }
#logotype {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.05em;
	float: left;
	top: 17px;
	margin-left: 4px;
	position: relative;
	}




	 
.slide-txt {
	width: 90%;
	font-size: 14px; 
	line-height: 22px;

	
}	


.slide-header {
	font-size: 10vw; 
	line-height: 10vw;
	margin-bottom: 20px;
	margin-top: 0;
	 }
	 
	 
	 
	 

.feature-txt {
		font-size: 19px;
		line-height: 20px;
		letter-spacing: 0.08em;
		padding-top: 50%;
}	

a:link.footer-link {
	font-size: 11px;
	padding: 6px 10px 6px 10px;
}



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


.copyright {

	font-size: 10px; 
	top: 5px;	

}

h3 {
	font-size: 40px; 
	line-height: 40px;
	padding-top: 54px;
	padding-bottom: 15px;

}

.int-header {height: 150px; }




.shop-btn {
	width: 80%; 
	border: 1px solid #666;
	color: #666;
	padding: 10%;
	font-size: 13px;
}

.shop-btn div { 
	font-size: 26px;
	line-height: 24px;
	margin-bottom: 10%;
	
}

.shop-btn a:link {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; display: block; margin-top: 10%; }
.shop-btn a:visited {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; }
.shop-btn a:hover {text-decoration: none;font-weight: 800; color: #333; text-transform: uppercase; }


.catalog {width: 112px; margin-top: 0; position: relative; top: -5px;}

.frm-fld-3 {
	position: relative;
	float: left;
	width: 24.8%; 
	padding: 8px 2% 8px 2%;
	margin-right: 4%;
	margin-top: 20px;
	color: #333;
	font-size: 13px; 
	border: 1px solid #7f7f7f; 
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	}	
	



/* MOVING TYPOGRAPHY */


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

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

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

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

/*** MENU STUFF ***/


#menu {
	position: relative;
    margin-top: 0;
    padding-top: 0;
    left: 0;
    clear: both; 
    top: 15px;   
}

#menu li {position: relative; display: inline-block;  list-style: none; margin-right: 12px;   }

#menu li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */


#menu li a:link 	{
	cursor: pointer; 
	text-decoration: none; 
	font-size: 14px; 
	color: #333; 
	padding: 20px 0 14px 0;  
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
 }
 
 
 #menu li ul {
    position: absolute;
	visibility: hidden;    
	background-color: #FFF; 
	border-bottom: 1px solid #ddd;
	border-right:  1px solid #ddd;
	border-left:  1px solid #ddd;
    z-index: 99;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:300ms ease;
    -moz-transition:300ms ease;
    -o-transition:300ms ease;
    transition:300ms ease;
    width:250px;
    max-width:250px;
    top: 42px;
	line-height: 29px;
	text-align: left;
	padding-left: 0;
}