h1 {
    font-weight: normal;
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .9em;
    background: #f9f9f9;
}

.content {
    width: 750px;
    margin: 0 auto;
    padding: 0px 20px 20px 20px;
}

input, textarea, select {
    width: 200px;
    padding: 8px 5px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

textarea {
    font-size: 0.9em;
    width: 300px;
}

select {
    padding: 6px 5px;
    background: #FFF;
    height: 30px;
}

button {
    width: 100px;
    padding: 6px 0px;
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    border-radius: 3px;
    background: #4d8ff6;
    color: #FFF;
    margin: 0px 20px 20px 0;
    font-weight: bold;
    border: #4785e6 1px solid;
}

button:focus {
    outline: none;
}

.field {
    padding-top: 15px;
}

#mail-status {
    padding: 6px 20px;
    display: none;
    font-size: 1em;
    color: rgb(40, 40, 40);
    box-sizing: border-box;
    margin: 0px;
    border-radius: 3px;
}

.error {
    background-color: #fb817c;
    border: 1px solid #e46b66;
}

.success {
    background-color: #48e0a4;
    border: #40cc94 1px solid;
}

#loader-icon {
    display: none;
    vertical-align: middle;
}

#btn-send:hover {
    background: #53b3e6;
    border: #58bef4 1px solid;
}

.info {
    color: #E46B66;
    display: inline-block;
}

.cantact-label {
    color: #545151;
    margin-bottom: 2px;
}

#frm-contact {
    border: #d3d3d3 1px solid;
    padding: 10px 25px 25px 25px;
    border-radius: 3px;
}

input[type=file] {
    border: none;
    padding: 0px 0px 15px 0px;
}

.g-recaptcha {
    padding-top:15px;
}

@media all and (max-width: 780px) {
    .content {
        width: auto;
    }
}

@media all and (max-width: 400px) {
    h1 {
        font-size:1.5em;
    }
    .content {
        padding: 0px 10px;
    }
    textarea {
        width: 242px;
    }
    #frm-contact {
        padding: 10px 10px 25px 10px;
    }
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}