h1.page-header {
    color: white !important;
    position: absolute;
    top: -200px;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width:768px) {
    h1.page-header {
        top: -200px;
    }
}

@media only screen and (min-width: 992px) {
    h1.page-header {
        top: -250px;
    }
}

@media only screen and (min-width: 1200px) {
    h1.page-header {
        top: -270px;
    }
}

@media only screen and (min-width: 1500px) {
    h1.page-header {
        top: -300px;
    }
}