Use
CSS media queries[
^] to adjust the text size based on the width of the browser window.
You'll need to decide what size you want the text to be at the relevant breakpoints. For example:
.jumbotron-middle h1 {
font-size: 1.2em;
}
@media (min-width: 480px) {
.jumbotron-middle h1 {
font-size: 2em;
}
}
@media (min-width: 768px) {
.jumbotron-middle h1 {
font-size: 3em;
}
}
Demo[
^]