/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
        
	background-color: #000;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #b9e5eb;
	margin: 0px;
	text-align: center;
		
		
		
	}
	
	a {
	
	color: #ffb3d9;
	
	
	}
	
	.juan {
     
	background: url(images/opacity_60per.png); 
	margin: 10px;
	
	}
	
	.footer {
	
	text-align: right;
	font-size: 10px;
	
	}
	
	.menuright {
	
	text-align: right;
    list-style-type: none;
    padding: 0px;
    margin: 0px;	
	}
	.menucenter {
	
	text-align: center;
    list-style-type: none;
    padding: 20px;
    margin: 0px;	
	}
	.menuleft {
	
	text-align: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;	
	
	}
	
	.menumeat{
	
		color: #ffb3d9;
		padding: 10px;
		margin: 10px;	
	
	}
	
	.menuheader{
	
		color: #ffff99;

	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
.homecopy {
	
	position: absolute;
	color:#FFF
	top: 170px;
    left: 100%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}

		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* ========================================== */
/* ! Rotating Image Gallery   */
/* ========================================== */

.rotating-item {
	display: none;
	position: absolute;
        width: 100%;        
        height: 100%;
	top: 0%;
        left: 0%;
        z-index: -4;
        transform: translate(-0%, -0%);
    

}
.rotating-item2{
	display: none;
	position: absolute;
        width: 50%;        
        height: 50%;
	top: 0%;
        right: 0%;

        z-index: -5;
        transform: translate(-0%, -0%);
    

}
.rotating-item3{
	display: none;
	position: absolute;
        width: 50%;        
        height: 50%;
	bottom: 0%;
        left: 0%;

        z-index: -6;
        transform: translate(-0%, -0%);
    

}.rotating-item4{
	display: none;
	position: absolute;
        width: 50%;        
        height: 50%;
	bottom: 0%;
        right: 0%;

        z-index: -7;
        transform: translate(-0%, -0%);
    

}