.banner{
    top: 0; 
    left: 0;
    width: 100%; 
    text-align: center;
    z-index: 0;
    color: #fff;
}
body {
    overflow-x: hidden;
}
.banner-bg{
    text-align: left;
    background: rgba(0, 0, 0, 0) url(../images/banner/bg.jpg?v=2.5) repeat-x scroll left center;
    background-size: cover;
    position: relative; 
}
.background {
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 900px;
    z-index: 1;
    font-family: Courier;
}
.move {
    position: absolute; top: 0; left: 0; 
    width: auto; height: auto;
    z-index: 2;
}
@media (min-width: 168px) {
   .banner-bg{
		height: 370px;
	}
	.frase {
		left: 13%;
		top: 17vh;
		width: 30vw;
		z-index: 4;
	}
	.homem {
		left: 63%;
		top: 8vh;
		width: 32vw;
		z-index: 3;
	}

	.mulher {
		left: 43%;
		top: 8vh;
		width: 32vw;
		z-index: 3;
	}
	.site {
		left: 51%;
		top: 13vh;
		width: 36vw;
		z-index: 2;
	}
}
@media (min-width: 665px) {
    .banner-bg{
		height: 422px;
	}
}
@media (min-width: 768px) {
   .banner-bg{
		height: 529px;
	}
}
@media (min-width: 1000px) {
   .banner-bg{
		height: 620px;
	}
}

@media (min-width: 1300px) {
   .banner-bg{
		height: 710px;
	}
}
@media (min-width: 1500px) {
	.banner-bg{
		height: 890px;
	}
	.frase {
		left: 13%;
		top: 240px;
		width: 575px;
	}
	.homem {
		left: 60%;
		top: 63px;
		width: 530px;
	}
	.mulher {
		left: 42%;
		top: 63px;
		width: 530px;
	}
	.site {
		left: 51%;
		top: 126px;
		width: 667px;
	}
}

@media (min-width: 2000px) {
	.banner-bg{
		height: 890px;
		background-size: contain;
	}
}