.form-container {
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    background: #00a9e4;
    color: #fff;
    font: normal 18px/1.5 Helvetica Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.form-container * {
    box-sizing: border-box;
}
.flex-outer {
    list-style-type: none;
    padding: 0;
    max-width: 380px;
    margin: 0 auto;
}
.flex-outer li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/*.flex-outer > li:not(:last-child) {
    margin-bottom: 20px;
}*/
.flex-outer > li > label {
    flex: 1 0 140px;
    max-width: 220px;
}
.flex-outer > li > label + * {
    flex: 1 0 80px;
}
.flex-outer li button {
    margin-left: auto;
    padding: 8px 16px;
    border: none;
    background: #333;
    color: #f2f2f2;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    border-radius: 2px;
}
.form-container p {
    background: white;
    color: black;
}