.request-form {
    margin-top: 20px;
    padding: 40px;
    background: #FFFFFF;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    width: 100%;
}

.request-form * {
    box-sizing: border-box;
}

.request-form .field {
    margin-bottom: 20px;
}

.request-form .full-width {
    width: 100%;
}

.request-form h4 {
    color: #292929;
    font-size: 18px;
    margin: 0 0 20px;
}

#data-request-form label {
    font-size: 14px;
    color: #333;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
    width: 100%;
}

#data-request-form input[type="text"],
#data-request-form input[type="email"]{
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    min-width: 100%;
    width: 100%;
}

#data-request-form select {
    color: #333;
    font-weight: 400;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 100%;
    font-size: 14px;
    width: 100%;
    padding: 0.7em;
}

#data-request-form button {
    all: initial;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

#data-request .notification {
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #f8f8f9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    -webkit-transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease;
    transition: opacity .1s ease, color .1s ease, background .1s ease, box-shadow .1s ease, -webkit-box-shadow .1s ease;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset, 0 0 0 0 transparent;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

#data-request .notification .title {
    font-size: 1.14285714em;
    display: block;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin: -.14285714em 0 0 0;
}

#data-request .notification p {
    margin-top: .25em;
    opacity: .85;
}

#data-request .notification p:last-child {
    margin-bottom: 0;
}

#data-request .notification.success {
    background-color: #fcfff5;
    color: #2c662d;
    -webkit-box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent;
}

#data-request .notification.error {
    background-color: #fff6f6;
    color: #9f3a38;
    -webkit-box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
}