#slider {
  white-space: nowrap; /* this is required unless you put the helper span closely near the img */
  text-align: center; margin: 1em 0;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.blub { height: 500px; width: 100%; }
.slidertext {
	font-size:40px;
	color: #fff;
}

@media screen and (max-width: 800px) {
	.slidertext {
		font-size:55px;
	}
}
@media screen and (max-width: 600px) {
	.slidertext {
		font-size:65px;
	}
}
@media screen and (max-width: 450px) {
	.slidertext {
		font-size:80px;
	}
}
@media screen and (max-width: 300px) {
	.slidertext {
		font-size:110px;
	}
}