.form {width:100%;max-width:850px;margin:0 auto;font-size:1em;}
.form label {width:100%;text-align:center;padding:0.5em 0 0 0}
.form p {padding:0.5em 0.5em;border-bottom:2px solid #fff;margin:0.2em 0;text-align:center;}
.form input[type="text"], .form input[type="email"], .form input[type="date"] { padding:0.3em;border:1px solid #ddd;font-size:1em;margin:0.5em}
.form input[type="date"], .form input[type="time"], .form .short {width: 20em !important;}
.form select {height:2em;border:1px solid #ddd;font-size:1em;margin:0.3em;}
.form .options, .form .group {display:inline-table;}
.form label.inline {width:auto;display:inline;}
.form textarea {display:inline; vertical-align: top;}
.form label::after {content: " : ";}
.form label.required::before {content: "* ";color:red}
.form .btn {margin:0.5em 0;}


p.notice {color:red;border:1px dotted #999;padding:1em;background-color:#f9f9f9;}
#thank-you {border:1px dotted #ddd;background-color:#fcf9e5;padding:1em;margin-bottom:2em;}
.g-recaptcha>div {margin:0 auto;}

@media only screen and (min-width: 700px) { 


.form label {width:30%;width:30%;text-align:right;padding:1em 0.5em 1em 0;font-weight:normal;display:inline-table;}
.form p {text-align:left}
.form input[type="text"], .form input[type="email"], .form input[type="date"] { margin:0;padding:0;max-width:60%;}
.form select {margin:0;padding:0 1em;max-width:60%;}   
.form .group {width:60%}
.form .btn {margin:0 0.3em;padding:1em;}



.g-recaptcha>div {margin-left:33%}


}