/* Your styles here */
* { outline: none; }
body { margin: 0px; padding: 0px; background: #222429; font-family: sans-serif; font-size: 13px;}

div.header { display: block; padding: 20px 0px; border-bottom: 1px solid #FFF; text-align: center; }
div.header img { display: inline-block; width: 100%; max-width: 300px; }

section { background: url(../images/body.jpg) center no-repeat; background-size: cover; }
div.container { margin: auto; width: 90%; max-width: 600px; padding: 20px 0px; }
div.container h1 { display: block; text-align: center; color: #FFF; margin: 0px; font-size: 30px; padding: 30px; }
div.container p { display: block; text-align: center; color: #FFF; margin: 60px; font-size: 16px; }
div.container form { display: block; margin: auto; padding: 20px; width: 100%; max-width: 360px; background: #EAEAEA; box-sizing: border-box; border: 4px dashed #c28a40; position: relative; }
div.container form b { display: block; font-size: 14px; margin-bottom: 10px; }
div.container form label { display: block; text-indent: 10px; margin-bottom: 5px; }
div.container form label.checkbox { display: block; text-indent: 0px; margin-bottom: 5px; font-style: italic; font-size: 11px; }
div.container form label.error { margin-bottom: 15px; color: red; font-weight: bold; margin-top: -8px; }
div.container form input[type="text"],
div.container form input[type="email"],
div.container form input[type="tel"] { margin-bottom: 15px; padding: 10px; border-radius: 3px; background-color: #fff; display: block; width: 100%; font-weight: 600; color: rgba(0,0,0,.5); box-sizing: border-box; border: none; font-size: 14px; }
div.container form input[type="submit"] { background: #c28a40; display: block; box-sizing: border-box; cursor: pointer; padding: 10px; font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: none; margin-top: 20px; border-radius: 4px; width: 100%; }
div.container form input.error { border: 1px solid red; }

footer { display: block; min-height: 20px; border-top: 1px solid #FFF;}