#overlay{
  position:fixed;
  z-index:99998;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:#fff;
  transition: 1s 0.4s;
}
#progress{
  height:100vh;
  background-image: linear-gradient(135deg, #ffdd00, #ffdd00, #FF0066);
  position:absolute;
  width:0;                /* will be increased by JS */
  top:0;
}
#progstat{
	font-family:'Futura-Bold', Arial, sans-serif;
	font-kerning:normal;
	text-transform:uppercase;
	top:10vh;
  font-size:32vh;
  width:100vw;
  line-height: 28vh;
  position:absolute;
  text-align:left;
  color:#fff;
  z-index:99999;
}
@media only screen and (max-width: 700px) {
	#progstat{
		top:10vh;
  		font-size:22vh;
		line-height: 22vh;
  		width:100vw;
	}

@media only screen and (max-width: 500px) {
	#progstat{
		top:10vh;
  		font-size:12vh;
		line-height: 12vh;
  		width:100vw;
	}
}