.message_wrapper {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 2rem 0 0 2rem;
}

.display_message{
    font-weight: 600;
}

.message_wrapper > .display_message {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 20px;
    margin-bottom: 20px;
    width: calc(100% - 4rem);
}

.display_error{
    background-color: #D04437;
    color: #fff;
}

.display_success{
    background-color: #BFFF9F;
    color: #000;
}