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: -360px;
    }
}

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

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

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

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

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

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