h1.page-header {
    color: white !important;
    position: absolute;
    top: -245px;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width:450px) {
    h1.page-header {
        top: -375px;
    }
}

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

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

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

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

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

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