.form-wrapper{
    width:29em;
    margin:0 auto
}
.form-wrapper .form-text{
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
    color:#dbc87d;
    margin-bottom:1em
}
.form-wrapper .form-text p{
    text-align:center
}
.form-wrapper .wrap-field.error .error-msg{
    display:block
}
.form-wrapper .wrap-field{
    width:100%;
    margin-bottom:1em
}
.form-wrapper .wrap-field.error input{
    border-color:red
}
.form-wrapper .wrap-field label{
    width:100%;
    float:right;
    font-size:1.7em;
    color:white;
    padding-bottom:0;
    padding-right:0.5em
}
body main {
    padding: 1em 0 0;
}
.form-wrapper .wrap-field textarea{
    height:4em;
    padding-right:1em;
    padding-left:1em
}
.form-wrapper .wrap-field input{
    padding-right:0.5em;
    padding-left:0.5em;
    height:2em
}
.form-wrapper .wrap-field textarea,.form-wrapper .wrap-field input{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    font-size:1.5em;
    border:1px solid transparent;
    /* -webkit-border-radius:2em;
    -moz-border-radius:2em;
    border-radius:2em; */
    background:#dbdbdb;
    background:-webkit-linear-gradient(top, #dbdbdb 0%, #eee 63%, #fff 100%);
    background:-webkit-gradient(linear, left top, left bottom, from(#dbdbdb), color-stop(63%, #eee), to(#fff));
    background:-moz- oldlinear-gradient(top, #dbdbdb 0%, #eee 63%, #fff 100%);
    background:-o-linear-gradient(top, #dbdbdb 0%, #eee 63%, #fff 100%);
    background:linear-gradient(to bottom, #dbdbdb 0%, #eee 63%, #fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 )
}
.form-wrapper .wrap-field input[type="submit"]{
    /* margin-top:1em; */
    font-size:1.5em;
    padding:0.5em 0.5em;
    background:#dbc87d;
    cursor:pointer;
    font-weight:700;
    font-family:blender
}
.form-wrapper .wrap-field .error-msg{
    position:absolute;
    display:none;
    padding-right:1em
}
.form-footer{
    font-size: 1.3em;

    color: white;
    width: 100%;
    margin: 2vw auto 0;
}
@media only screen and (max-width: 1400px){
    .form-footer{
        bottom:9em
    }
}
@media only screen and (max-width: 767px){
    #contact_us,#contact_us_friends{
        overflow-y:auto;
        height:auto
    }
    .form-wrapper{
        width:90%;
        padding-top:1em
    }
    .form-wrapper .form-text{
        color:white
    }
    .form-wrapper .form-text p{
        display:inline
    }
    .form-wrapper .wrap-field label{
        text-align:center;
        padding-right:0
    }
    .form-footer{
        width:100%;
        bottom:3em;
        left:auto;
        bottom:auto;
        margin-bottom:7em;
        padding-bottom:7em
    }
}
html[lang="en-US"] .form-wrapper{
    width:33em
}
@media only screen and (max-width: 767px){
    html[lang="en-US"] .form-wrapper{
        width:94%
    }
}
@media only screen and (max-width: 1000px){
    .form-wrapper .wrap-field input[type="submit"]{
        margin-top:1em;
 
    }
}
html[lang="en-US"] .form-wrapper .wrap-field label{
    float:left;
    font-size:1.5em;
    padding-left:0.5em
}
html[lang="en-US"] .form-wrapper .wrap-field.error .error-msg{
    padding-left:1em
}