/* iphone vertical */



@media all and (max-width : 1024px) and (min-width : 961px)  {

.envelope {
	
	left:10%;
	}
	
#logo {
	top:220px;
	width:350px;
	}
	
#logo > div {
	margin-top:20px;
	}
	
.clicker {
	width: 	150px;
	height: 	40px;
	position: 	absolute;
	right: 	-80px;
	bottom: 	40px;
	}
	

	
.twitter, .facebook {
	display:none;
	}
	
#contact img {
	display:none;
	}
	
	
#contact #input-title,
#contact #input-email
 	{


	}


#contact > .item {
	margin-right:50px;
	}
		
#contact div:nth-of-type(3) {
	background:white;margin-top:50%;
	}	
	
/* to hide the contact ino */	
#contact div:nth-of-type(1) {
    display:none;
}	
#contact div:nth-of-type(2) {
    margin-right:50px;
}	

.logoMobile {
	display:block
	}
		
	
}

@media all and (max-width : 960px) and (min-width : 300px)  {

	
nav, #logo, .envelope h3
		{
		display:none;
		}	

.envelope {
	left:30%;
	}

.envelope h1, .envelope h2 
 	{
	font-size:200%; 
	 }
	 
.envelope h2 {
	margin-top:20px;
	}	
	 
.envelope button {
	left:0;
	width:170px;
	height:40px;
	font-size:20px;
	bottom:-10px;
	}	

.iosSliderButtons {
		height: 70px;
		position: absolute;
		bottom: 350px;
		left: 9%;
		z-index: 9999;
		padding-left: 200px;
		}
	

/* the NAV element (with all the submenus) */
nav, .sticky-wrapper, .stuck
{display:none; opacity:0}



/* put the lock-up in the center */
.inner-right, .inner-left {
	left:30%;
	top:10%;
	text-align:left;
	position:absolute;
	width:auto;
	min-width:520px;
	height:auto;
	}
	
	
/* resets the elements position */	
#conejos .inner-left, 
#cofre .inner-left,
#bosque .inner-right,
#montanas .inner-right 
 	{
	left:30%;
	top:10%;
	text-align:left;
	position:absolute;
	width:auto;
	min-width:520px;
	height:auto
	}

#conejos .inner-left, #cofre .inner-left {
	color:#00953A;
	}

	


		
/* make the font bigger */
.inner-right h1, .inner-right h2,.inner-left h1, .inner-left h2 
	{
	font-size:200%;
	}		

/* hide the paragraph */		
.inner-right h3,.inner-left h3 {
	display:none;
	}		


.inner-right h2, .inner-left h2 {
	margin-top:20px;
	}

.clicker {
	position:absolute;
	width:150px;
	height:50px;
	font-size:130%;
	left:8%;
	bottom:-30%;
	}
	

	
#contact {
	display:none;
	opacity:0;
	}
	
.image2 {
	display:none;
	}


#menu-wrapper {
	display:block;
	opacity:1;
	}
	
	
	
	
	
	
	
	
				
		

}