gistfile1.txt

.macbook {
	max-width: 760px;
}

.macbook:before {
	content: url(../images/application-screen.png);
	position: relative;
	left: 32px;
	top: 157px;
	transform: scaleY(0.9);
	opacity: 0;
  	animation: c3 8s linear infinite;
  	z-index: 1;
}

.macbook:after {
	position: relative;
	content: url(../images/glass-screen-2.png);
	transform: scaleY(1.155) scaleX(0.999);
	bottom: 730px;
	left: 33px;
	opacity: 0;
	animation: c5 6s ease-in infinite;
	z-index: 2;
}

.macbook img {
	position: relative;
	bottom: 333px;
}

@-webkit-keyframes c3{
 
  0% {opacity: 1; left: 0;}
  25%{opacity:1; left: 25px;}
  50%{opacity: 1; left: 50px;}
  70%{opacity: 0; left: 70px;}
  90%{opacity: 0; left: 90px;}
  95%{opacity: 0; left: 95px;}
  100% {opacity: 0; left: 100px;} 
}

@-keyframes c5{
 
  0% {opacity: 0; }
  25%{opacity: 0;}
  50%{opacity: 0; }
  70%{opacity: 0; }
  90%{opacity: 1; }
  95%{opacity: 1; }
  100% {opacity: 1; } 
}