@media screen and (min-width:1001px) {
.wait {
	width:100%;
	max-width: 1000px;
	height: auto;
}
	
.hero {
	width:auto;
	max-width:100%;
	float: auto;
	clear: auto;
	height: auto;
}
}

@media (max-width:1000px) {
.wait {
	width:auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.hero {
	width:93%;
	max-width:100%;
	float: left;
	clear: both;
	height: auto;
}
}

@media (max-width: 950px) {
.hero {
	width: 90%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 900px) {
.hero {
	width: 86%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 870px) {
.hero {
	width:84%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 840px) {
.hero {
	width:80%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 790px) {
.hero {
	width:78%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 760px) {
.hero {
	width:75%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 700px) {
.hero {
	width:73%;
	float: left;
	clear: both;
   height: auto;
}
}


@media (max-width: 645px) {
.hero {
	width:67%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 570px) {
.hero {
	width:60%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 500px) {
.hero {
	width:55%;
	float: left;
	clear: both;
   height: auto;
}
}

@media (max-width: 450px) {
.wait {
	width:100%;
	max-width: 450px;
	height: auto;
}
}