.banner {
	width: 500px;
	height: 60px;
	overflow: hidden;
	margin: 20px auto;
	background: url('bg.png');
	text-align: center;
	position: relative;
	font-family: 'Roboto', sans-serif
}
.banner .logo {
	font-size: 25px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: capitalize;
	animation: zoom 1s 0s linear;
	opacity: 0;
	animation-fill-mode: forwards
}
.banner .name {
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: capitalize;
	animation: zoom 1s 1s linear;
	opacity: 0;
	animation-fill-mode: forwards
}

@keyframes zoom {
	0%   { transform: scale(0,0) }
	70%  { transform: scale(1.2,1.2)  }
	100% { transform: scale(1,1); opacity: 1 }
}
@keyframes price {
	0%   { transform: scale(0,0); transform: rotate(180deg) }
	30%  { opacity: 1; transform: scale(3,3)  }
	100% { opacity: 1; transform: scale(1,1) }
}
@keyframes cta {
	0%   { height: 0 }
	50%  { height: 70px; opacity: 1 }
	100% { height: 24px; opacity: 1 }
}
@keyframes cta-pulse {
	0%   { height: 24px }
	10%  { height: 45px }
	20%  { height: 24px }
	100% { height: 24px }
}