@media (max-height: 580px) {

    .header2 {
        display: none;
    }

    :target:before {
        content: "";
        display: block;
        height: 100px;
        /* adjust this value to your needs */
        margin: 100px 0 0;
        /* this should be a negative value of the height above */
    }
}

/* iPad screens */
@media only screen and (min-width: 841px) and (max-width: 1040px) {

    .header2 {
        display: none;
    }

    :target:before {
        content: "";
        display: block;
        height: 100px;
        /* adjust this value to your needs */
        margin: 100px 0 0;
        /* this should be a negative value of the height above */
    }
}

/* mobile screens */
@media only screen and (max-width: 840px) {

    .header2 {
        display: none;
    }

    :target:before {
        content: "";
        display: block;
        height: 140px;
        /* adjust this value to your needs */
        margin: 140px 0 0;
        /* this should be a negative value of the height above */
    }
}

@media screen and (min-width: 1024px) {
    #itinerary-header {
        display: none;
    }

    :target:before {
        content: "";
        display: block;
        height: 100px;
        /* adjust this value to your needs */
        margin: 100px 0 0;
        /* this should be a negative value of the height above */
    }
}