#logo {
    content: url("/images/logo-short.svg");
    height: 90px;
    margin-top: -13px;
}

@media only screen and (max-width: 600px) {
    #logo {
        content: url("/images/logo.svg");
        height: 130px;
        margin-top: -37px;
        margin-left: -15px;
    }
}

.custom-logo {
    width: 92px;
    text-align: center;
}

.custom-logo img {
    margin-top: 4px;
    height: 55px
}

@media only screen and (max-width: 600px) {
    .custom-logo {
        width: 92px;
        text-align: initial;
    }

    .custom-logo img {
        margin-top: 3px;
        height: 50px
    }
}


.headline {
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    margin-top: 25%;
}

@media only screen and (max-width: 600px) {
    .headline {
        margin-top: auto;
    }
}


.subheader {
    font-size: 27px;
    line-height: 38px;
}

.context {
    font-size: 16px;
    line-height: 24px;
}

.divider {
    margin: 25px 0;
}

fieldset {
    border: none;
    padding: 0;
    margin-inline: 0;
}