body {
    padding-top: 54px;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

header.masthead {
    background: url("http://loekensgard.no/media/Forlovelsesbilde.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    max-height: max-content;
}

header.masthead > .overlay {
    padding: 5rem 0;
    text-align: center;
    max-height: max-content;
    background: rgba(0, 0, 0, 0.6);
}

@media (min-width: 992px) {
    header.masthead > .overlay {
        padding: 20rem 0;
        max-height: max-content;
    }
}