.banner{
 	top: 0; 
 	left: 0;
 	width: 100%; 
 	z-index: 0;
 	color: #fff;
 	font-family: Courier;
 }

 body {
 	overflow-x: hidden;
 }

 .banner-bg{
 	text-align: left;
 	background: rgba(0, 0, 0, 0) url(../images/banner/bg.jpg?v=2.0) no-repeat scroll left center;
 	background-size: cover;
 	position: relative; 
 }

 .move {
 	position: absolute; 
 	z-index: 2;
 }

 @media (min-width: 1000px) {
 	.banner-bg{
 		height: 579px;
 	}
 	.moca{
 		left: -1%;
 		top: 14%;
 		width: 611px;
 		z-index: 3;
 	}
 	.frase {
 		left: 61%;
 		top: 40%;
 		width: 215px !important;
 		z-index: 2;
 	}
 	.f1 {
 		left: 3%;
 		top: -2%;
 		width: 308px !important;
 	}
 	.f2 {
 		left: 12%;
 		top: 38%;
 		width: 109px !important;
 	}
 	.f3 {
 		left: 25%;
 		top: 35%;
 		width: 85px !important;
 	}
 	.f4 {
 		left: 12%;
 		top: 76%;
 		width: 143px !important;
 		z-index: 5;
 	}
 	.f5 {
 		left: 50%;
 		top: 66%;
 		width: 110px !important;
 		z-index: 5;
 	}
 	.f6 {
 		left: 58%;
 		top: 82%;
 		width: 225px !important;
 		z-index: 5;
 	}
 	.f7 {
 		left: 75%;
 		top: 87%;
 		width: 72px !important;
 		z-index: 5;
 	}
 }

 @media (min-width: 1500px) {
 	.banner-bg{
 		height: 980px;
 	}
 	.moca{
 		left: -1%;
 		top: 14%;
 		width: 1040px;
 		z-index: 3;
 	}
 	.frase {
 		left: 61%;
 		top: 40%;
 		width: 436px !important;
 		z-index: 2;
 	}
 	.f1 {
 		left: 3%;
 		top: -2%;
 		width: 613px !important;
 	}
 	.f2 {
 		left: 12%;
 		top: 38%;
 		width: 218px !important;
 	}
 	.f3 {
 		left: 25%;
 		top: 35%;
 		width: 170px !important;
 	}
 	.f4 {
 		left: 12%;
 		top: 76%;
 		width: 286px !important;
 		z-index: 5;
 	}
 	.f5 {
 		left: 50%;
 		top: 66%;
 		width: 221px !important;
 		z-index: 5;
 	}
 	.f6 {
 		left: 58%;
 		top: 82%;
 		width: 451px !important;
 		z-index: 5;
 	}
 	.f7 {
 		left: 75%;
 		top: 87%;
 		width: 144px !important;
 		z-index: 5;
 	}
 }