html { 
  background: url(bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#priv {
	margin-top:50px;
	margin-bottom:50px;
}


#privacy {
	width: 600px;
	
	padding: 5px 20px 20px 20px;
	background-color:white;
	margin: 0 auto;
	border-radius:25px;
	
		-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

#content {
	width:100%
	height: 700px;
	width:222px;
	position: relative;
	margin: 0 auto;
	top:80px;
}

.Mixpanel {
	margin-top: 20px;
}

#download {
	float:left;
	z-index: 5;
}

#download :hover {
	-webkit-filter:brightness(1.5);
	
}

#play {
	-webkit-filter:opacity(0%);
	z-index:20;
	position: absolute;
	top: 200px;
	
}

#play:hover {
	-webkit-filter:opacity(100%);
}



img {
-webkit-transition: all 0.5s;
}

li {
	-webkit-transition: all 0.5s;
}



ul
{
    list-style-type: none;
}

#social {
	margin-top: -10px;
}

#social ul li { 
	float:right;
	-webkit-filter:opacity(50%);
	z-index: 5;
	}
	
#social :hover {
	-webkit-filter:opacity(100%);
}




.bottomshit {
	width: 340px;
	position:absolute;
	top: 480px;
	left: -70px;
}

#iphone {
		position:absolute;
		z-index:18;
		
		-webkit-animation: rotate 1s infinite;
       -moz-animation: rotate 1s infinite;
        -ms-animation: rotate 1s infinite;
         -o-animation: rotate 1s infinite;
            animation: rotate 1s infinite;
        
        animation-direction: alternate;
        -webkit-animation-direction: alternate;
            
		animation-delay:.05s;
		-webkit-animation-delay:.05s;    
            
           }

        
#iphone2 {
		position:absolute;
		z-index:17;
		opacity:0.7;
		

		-webkit-animation: rotate 1s infinite;
       -moz-animation: rotate 1s infinite;
        -ms-animation: rotate 1s infinite;
         -o-animation: rotate 1s infinite;
            animation: rotate 1s infinite;
            
            
             animation-direction: alternate;
        -webkit-animation-direction: alternate;
            
            animation-delay:.15s;
		-webkit-animation-delay:.15s;
            
           }
           
           
           
#iphone3 {
		position:absolute;
		z-index:16;
		opacity:0.5;
		

		-webkit-animation: rotate 1s infinite;
       -moz-animation: rotate 1s infinite;
        -ms-animation: rotate 1s infinite;
         -o-animation: rotate 1s infinite;
            animation: rotate 1s infinite;
            
        animation-direction: alternate;
        -webkit-animation-direction: alternate;     
            
            animation-delay:.22s;
		-webkit-animation-delay:.22s;
            
           }
           
#iphone4 {
		position:absolute;
		z-index:15;
		opacity:0.3;
		

		-webkit-animation: rotate 1s infinite;
       -moz-animation: rotate 1s infinite;
        -ms-animation: rotate 1s infinite;
         -o-animation: rotate 1s infinite;
            animation: rotate 1s infinite;
            
        animation-direction: alternate;
        -webkit-animation-direction: alternate;   
          
            animation-delay:.3s;
		-webkit-animation-delay:.3s;
            
           }
            
           
            
@-webkit-keyframes rotate {
   0% {
      -webkit-transform: rotate(-35deg);
		animation-timing-function: ease;
		-webkit-animation-timing-function: ease;
      -webkit-transform-origin:50% 90%;
   }

   
    100% {
      -webkit-transform: rotate(35deg);
		animation-timing-function: ease;
		-webkit-animation-timing-function: ease;
      -webkit-transform-origin:50% 90%;
   }
   
}

                       
@-webkit-keyframes rotate {
   0% {
      -webkit-transform: rotate(-40deg);
		animation-timing-function: ease;
		-webkit-animation-timing-function: ease;
      -webkit-transform-origin:50% 90%;
   }

   
    100% {
      -webkit-transform: rotate(40deg);
		animation-timing-function: ease;
		-webkit-animation-timing-function: ease;
      -webkit-transform-origin:50% 90%;
   }
   
}