/*input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {*/
    /*font-size: 0.75em;*/
    /*color: #fe9c1c;*/
    /*top: -2.25rem;*/
    /*-webkit-transition: all 0.125s ease;*/
    /*transition: all 0.125s ease;*/
/*}*/
input:focus ~ label, textarea:focus ~ label {
    font-size: 0.75em;
    color: #fe9c1c;
    top: -3.25rem;
    -webkit-transition: all 0.125s ease;
    transition: all 0.125s ease;
}
.styled-input {
    float: left;
    width: 50%;

    position: relative;
}

.styled-input label {
    color: #999;
    padding: 1rem 2rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.styled-input.wide { width: 100%; }

input,
textarea {
    padding: 1rem 1rem;
    width: 100%;
    font-size: 1rem;
}

/*input ~ span,*/
/*textarea ~ span {*/
    /*display: block;*/
    /*width: 0;*/
    /*height: 3px;*/
    /*background: #fe9c1c;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*-webkit-transition: all 0.125s ease;*/
    /*transition: all 0.125s ease;*/
/*}*/

input:focus,
textarea:focus { outline: 0; }

input:focus ~ span,
textarea:focus ~ span {
    width: 100%;
    -webkit-transition: all 0.075s ease;
    transition: all 0.075s ease;
}

textarea {
    width: 100%;
    min-height: 15em;
}