.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 10%;
	top: 200px;
	width: 30%;
	height: 140px;
	background: #333;
	opacity: 0.7;
	-webkit-animation-duration: 2s; 
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; 
}
@-webkit-keyframes bounceInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(5px);
}
80% {
	-webkit-transform: translateX(-5px);
}
100% {
	-webkit-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
	opacity: 0;
	transform: translateX(-2000px);
}
60% {
	opacity: 1;
	transform: translateX(5px);
}
80% {
	transform: translateX(-5px);
}
100% {
	transform: translateX(0);
}
}       
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated2 {
	z-index: 2;
	position: absolute;
	margin: 0 auto;
	margin-left: 12%;
	top: 255px;
	width: 30%;
	height: 100%;
	min-height:120px;
	max-height:155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 42px;
	color: #FFF;
	line-height:27px;
	-webkit-animation-duration: 2s; 
	animation-duration: 2s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 800ms;
        -moz-animation-delay: 800ms;
         -ms-animation-delay: 800ms;
          -o-animation-delay: 800ms;
             animation-delay: 800ms;
}
}
@-webkit-keyframes bounceInLeft {
0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
}
60% {
	opacity: 1;
	-webkit-transform: translateX(10px);
}
80% {
	-webkit-transform: translateX(-10px);
}
100% {
	-webkit-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
	opacity: 0;
	transform: translateX(-2000px);
}
60% {
	opacity: 1;
	transform: translateX(10px);
}
80% {
	transform: translateX(-10px);
}
100% {
	transform: translateX(0);
}
}       
.bounceInLeft2 {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@media (max-width:1450px)
{
.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 10%;
	top: 200px;
	width: 36%;
	height: 120px;
}
.animated2 {
	z-index: 2;
	position: absolute;
	margin: 0 auto;
	margin-left: 13%;
	top: 240px;
	width: 65%;
	height: 100%;
	min-height:120px;
	max-height:155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height:35px;
	color: #FFF;
}
}
@media (max-width:1300px)
{
.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 10%;
	top: 200px;
	width: 40%;
	height: 120px;
}
}
@media (max-width:1200px)
{
.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 10%;
	top: 200px;
	width: 44%;
	height: 120px;
}
}
@media (max-width:835px)
{
.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 10%;
	top: 140px;
	width: 54%;
	height: 120px;
}
.animated2 {
	z-index: 2;
	position: absolute;
	margin: 0 auto;
	margin-left: 13%;
	top: 185px;
	width: 65%;
	height: 100%;
	min-height:120px;
	max-height:155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height:32px;
	color: #FFF;
}
}
@media (max-width:600px)
{
.animated {
	z-index: 1;
	position: absolute;
	margin: 0 auto;
	margin-left: 8%;
	top: 120px;
	width: 60%;
	height: 110px;
}
.animated2 {
	z-index: 2;
	position: absolute;
	margin: 0 auto;
	margin-left: 12%;
	top: 160px;
	width: 70%;
	height: 100%;
	min-height:120px;
	max-height:155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFF;
	line-height:32px;
}
}
@media (max-width:480px)
{
.animated {
	display: none;
}
.animated2 {
	display: none;
}
}