@media  (min-width:2600px) {

.hero {
	width:85%;
	margin:1rem auto;
	position: relative;
	padding-top:75px;
}

.herotext {

	position: absolute;
	top:40px;
	left:0;
	padding:2rem;
	font-size:8em;
  
}

.herotext2 {

	position: absolute;
	background:rgba(255,255,255,.8);
	bottom:0%;
	left:0;
	padding:2rem;
	line-height:1.2em;
	font-size:3em;
  
}


}




@media  (max-width:2500px) {

.hero {
	width:85%;
	margin:1rem auto;
	position: relative;
	padding-top:75px;
}

.herotext {

	position: absolute;
	top:40px;
	left:0;
	padding:2rem;
	font-size:6em;
  
}

.herotext2 {

	position: absolute;
	background:rgba(255,255,255,.8);
	bottom:0%;
	left:0;
	padding:2rem;
	line-height:1.2em;
	font-size:2.2em;
  
}


}




@media  (max-width:2000px) {

.hero {
	width:85%;
	margin:1rem auto;
	position: relative;
	padding-top:75px;
}

.herotext {

	position: absolute;
	top:40px;
	left:0;
	padding:2rem;
	font-size:4.5em;
  
}

.herotext2 {

	position: absolute;
	background:rgba(255,255,255,.8);
	bottom:0%;
	left:0;
	padding:2rem;
	line-height:1.2em;
	font-size:2.2em;
  
}


}




@media  (max-width:1600px) {

.hero {
	width:85%;
	margin:1rem auto;
	position: relative;
	padding-top:75px;
}

.herotext {

	position: absolute;
	top:40px;
	left:0;
	padding:2rem;
	font-size:4em;
  
}

.herotext2 {

	position: absolute;
	background:rgba(255,255,255,.8);
	bottom:0%;
	left:0;
	padding:2rem;
	line-height:1.2em;
	font-size:2em;
  
}


}






@media  (max-width:1440px) {

.hero {
	width:80%;
	margin:1rem auto;
	position: relative;
	padding-top:75px;
}

.herotext {

	position: absolute;
	top:10%;
	left:0;
	padding:2rem;
	font-size:3em;
  
}

.herotext2 {

	position: absolute;
	background:rgba(255,255,255,.8);
	bottom:0%;
	left:0;
	padding:2rem;
	line-height:1.2em;
	font-size:1.7em;
  
}


}



@media (max-width: 1200px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:2.5em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1.2em;
  
}

}







@media (max-width: 1100px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:2.2em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1.2em;
  
}

}






@media (max-width: 925px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.8em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1em;
  
}

}








@media (max-width: 800px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.8em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1em;
  
}

}





@media (max-width: 700px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.5em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:.8em;
  
}

}







@media (max-width: 640px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.5em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1.2em;
  
}

}







@media (max-width: 580px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.5em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:1em;
  
}

}






@media (max-width: 450px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.3em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:.8em;
  
}

}







@media (max-width: 340px) {
.hero {
	width:90%;
	margin:1rem auto;
	position: relative;
	padding-top:80px;
}

.herotext {

  position: absolute;
  top:15%;
  left:0;
  padding:1rem;
  font-size:1.1em;
}

.herotext2 {

  position: absolute;
  background:rgba(255,255,255,0.9);
  bottom:0%;
  left:0;
  padding:0px;
  line-height:1.2em;
  font-size:.8em;
  
}

}