.completion-panel {
    max-width: 700px;
    margin-bottom: 50px;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15)
}

.completion-panel .completion-panel__heading {
    background: #396631;
    color: #fff;
    padding: 50px 30px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

@media (max-width: 61.938em) {
    .completion-panel .completion-panel__heading {
        padding:30px 20px
    }
}

.completion-panel .completion-panel__heading h1,.completion-panel .completion-panel__heading h2,.completion-panel .completion-panel__heading h3 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 44px;
    line-height: 2.75rem;
    color: #333;
    color: #fff !important
}

.completion-panel .completion-panel__heading h2 {
    font-size: 2rem !important
}

.completion-panel .completion-panel__heading .ReferenceNumber {
    color: white
}

.completion-panel .completion-panel__heading p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #333;
    font-weight: 700
}

.completion-panel .completion-panel__body,.completion-panel .completion-body {
    padding: 50px 30px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15) !important;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15) !important;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #333
}

@media (max-width: 61.938em) {
    .completion-panel .completion-panel__body,.completion-panel .completion-body {
        padding:30px 20px
    }
}

.completion-panel .completion-panel__body a,.completion-panel .completion-body a {
    text-decoration: underline
}