form { padding:0; }

#contact header p { color:#798499; margin-top:0; }

#contact header h2 { margin:0 0 0.5em 0; }

form *:focus { outline: none; }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }

textarea { resize: vertical; }

.error > span {
    background-color: #D96462;
    color: #FFF;
    display:inline-block;
    font-size:0.938em;
    left:0;
    padding:0.375em 0.75em 0.25em 0.75em;
    margin: 0.5em 0 1em 0;
    position: relative;
    }

.error > span:before {
    position: absolute;
    top: -7px;
    left: 12px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #D96462;
    border-left: 7px solid transparent;
    content: '';
}

.error > span:after {
    position: absolute;
    top: -6px;
    left: 13px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #D96462;
    border-left: 6px solid transparent;
    content: '';
}

input, textarea, label {
    font-family: 'DIN Next Slab W01', 'Lucida Bright', Georgia, serif;
    font-weight: 400;
    font-size: 1em;
    }

label {
    display:block;
    float:left;
    padding:0.75em 0;
    width:20%;
    color:#313845;
    }

input, textarea {
    background: #fff;
    display:block;
    border:1px solid #C5CAD4;
    padding:0.75em;
    width:80%;
    -webkit-appearance: none;
    }

textarea:focus,
input:focus,
.error textarea:focus,
.error input:focus { border: 1px solid #A1A7B3; }

textarea:focus { color: #627088; }
input:focus { color: #627088; }

.error input, .error textarea { border-color: rgba(217,100,98,0.4); }

form li:nth-of-type(3) span span { margin-left:20%; }

form ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    }

form li { display:block; padding: 0 0 1em 0; }

form ul:last-child {
    position:relative;
    left:20%;
    width:80%;
    height:1.25em;
    text-align:justify;
    margin: 0 0 3em 0;
    }

form ul:last-child li:first-child {
    display:inline-block;
    width:30%;
    }
form ul:last-child li:last-child {
    display:inline-block;
    }

form ul:last-child:after {
    content:"";
    display:inline-block;
    width:100%;
    height:100%;
    }

input[type=submit] {
    width:auto;
    height:100%;
    font-size:1.125em;
    padding: 0.75em 0.875em 0.625em 0.875em;
    }


.success { color:#199972; }
.failure { color:#D96462; }

form ul:last-child li h3:before {
    font-family:"ees";
    font-size:32px;
    position:relative;
    top:3px;
    margin:0 6px 0 0;
    }

form ul:last-child li h3.failure:before {
    content: "\e605";
    }

form ul:last-child li h3.success:before {
    content: "\e606";
    }


@media only screen and (max-width: 768px) {

    form ul:last-child {
        display:block;
        position:relative;
        left:0;
        width:100%;
        text-align:center;
        margin: 0.5em 0 4em 0;
        }

    form { padding:0 0 3em 0; }

    form li:nth-of-type(3) span span { margin-left:0; }

    form li { padding: 0 0 1em 0; }

    label {
        padding:0 0 0.25em 0;
        display:block;
        }

    input, textarea {
        display:inline-block;
        padding:1em;
        width:100%;
        }

    form ul:last-child li:first-child {
        width:100%;
        }

}

@media only screen and (max-width: 479px) {

    form ul:last-child {
        margin:1em 0 3em 0;
        padding:0;
        }

    input[type=submit] { margin:0; display:block; width:100%; }

}