@media screen and (max-width: 399px) {
    .blue-background {
        height: 620px;
        margin-bottom: 380px;
    }
}

@media screen and (min-width: 400px) and (max-width: 538px) {
    .blue-background {
        height: 590px;
        margin-bottom: 270px;
    }
}

@media screen and (min-width: 539px) and (max-width: 767px) {
    .blue-background {
        height: 350px;
        margin-bottom: 160px;
    }
}

@media screen and (max-width: 767px) {
    .blue-header { white-space: pre-wrap; }

    .blue-header h1 { line-height: 45px; }

    .blue-background .middle-card {
        margin: 30px auto;
        padding: 80px 30px;
        text-align: left;
        width: 90%;
    }

    .gray-background { padding: 30px 10%; }

    .gray-background .bottom-text { margin: 0 auto; }
}

@media screen and (min-width: 768px) and (max-width: 858px) {
    .blue-background {
        height: 380px;
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 859px) and (max-width: 1023px) {
    .blue-background {
        height: 300px;
        margin-bottom: 180px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .blue-header h1 { line-height: 150px; }

    .blue-background .middle-card {
        margin: 30px auto;
        padding: 80px 50px;
        width: 80%;
    }

    .gray-background { padding: 30px 10%; }

    .gray-background .bottom-text {
        margin: 0 auto;
        width: 95%;
    }
}

@media screen and (min-width: 1024px) {
    .blue-header h1 { line-height: 150px; }

    .blue-background {
        height: 275px;
        margin-bottom: 170px;
    }

    .blue-background .middle-card {
        margin: 30px auto;
        padding: 80px 50px;
        width: 80%;
    }

    .gray-background { padding: 30px 5%; }

    .gray-background .bottom-text {
        margin: 0 auto;
        width: 60%;
    }
}

.blue-header {
    background-color: #0077c8;
    color: #fff;
    height: 180px;
    margin-top: 80px;
    text-align: center;
    vertical-align: middle;
}

.blue-background {
    background-color: #0077c8;
    padding: 30px 5%;
    text-align: center;
}

.blue-background .middle-headline {
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

.blue-background .middle-card {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    color: #474646;
}

.blue-background .middle-card p { line-height: 2; }

.gray-background {
    background-color: #fbfbfb;
    height: auto;
    margin-bottom: 100px;
}

.gray-background .bottom-headline {
    color: #0077c8;
    font-size: 2em;
    font-weight: bold;
    padding: 30px 0;
    text-align: center;
}

.gray-background .bottom-text {
    color: #474646;
    line-height: 2;
}

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAic2Nzcy92aWV3cy9hYm91dC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJInNjc3Mvdmlld3MvYWJvdXQuc2NzcyIsCgkJInNjc3MvX3ZhcmlhYmxlcy5zY3NzIgoJXSwKCSJuYW1lcyI6IFtdLAoJIm1hcHBpbmdzIjogIkFBR0EsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSztFQUMvQixBQUFBLGdCQUFnQixDQUFDO0lBQ2IsTUFBTSxFQUFFLEtBQUs7SUFDYixhQUFhLEVBQUUsS0FBSyxHQUN2Qjs7QUFHTCxNQUFNLENBQUMsTUFBTSxNQUFNLFNBQVMsRUFBRSxLQUFLLE9BQU8sU0FBUyxFQUFFLEtBQUs7RUFDdEQsQUFBQSxnQkFBZ0IsQ0FBQztJQUNiLE1BQU0sRUFBRSxLQUFLO0lBQ2IsYUFBYSxFQUFFLEtBQUssR0FDdkI7O0FBR0wsTUFBTSxDQUFDLE1BQU0sTUFBTSxTQUFTLEVBQUUsS0FBSyxPQUFPLFNBQVMsRUFBRSxLQUFLO0VBQ3RELEFBQUEsZ0JBQWdCLENBQUM7SUFDYixNQUFNLEVBQUUsS0FBSztJQUNiLGFBQWEsRUFBRSxLQUFLLEdBQ3ZCOztBQUdMLE1BQU0sQ0FBQyxNQUFNLE1BQU0sU0FBUyxFQUFFLEtBQUs7RUFDL0IsQUFBQSxZQUFZLENBQUM7SUFDVCxXQUFXLEVBQUUsUUFBUSxHQUt4QjtJQU5ELEFBR0ksWUFIUSxDQUdSLEVBQUUsQ0FBQztNQUNDLFdBQVcsRUFBRSxJQUFJLEdBQ3BCO0VBR0wsQUFFSSxnQkFGWSxDQUVaLFlBQVksQ0FBQztJQUNULEtBQUssRUFBRSxHQUFHO0lBQ1YsTUFBTSxFQUFFLFNBQVM7SUFDakIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsVUFBVSxFQUFFLElBQUksR0FDbkI7RUFHTCxBQUFBLGdCQUFnQixDQUFDO0lBQ2IsT0FBTyxFQUFFLFFBQVEsR0FLcEI7SUFORCxBQUdJLGdCQUhZLENBR1osWUFBWSxDQUFDO01BQ1QsTUFBTSxFQUFFLE1BQU0sR0FDakI7O0FBSVQsTUFBTSxDQUFD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 */