html{height:100%;}
body{ font-family: 'Lato', arial, sans-serif; margin: 0; color:#333; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased; height:100%; background: #f9f9f9; padding-top: 2em; }

.clear{clear:both;}

@font-face {
    font-family: 'aleoregular';
    src: url('/assets/type/Aleo-Regular-webfont.eot');
    src: url('/assets/type/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/type/Aleo-Regular-webfont.woff') format('woff'),
         url('/assets/type/Aleo-Regular-webfont.ttf') format('truetype'),
         url('/assets/type/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3{margin:0; font-family: 'aleoregular', Georgia, serif; font-weight: normal;}
h1 { font-size: 2.3em; }
.row.form { background: #fff; padding: 0em; margin: 3em 0 4em 0; border: 1px solid #e6e6e6; }

label { font-weight: 300; font-family: 'Roboto', arial, sans-serif; margin: 0 0 10px 0; font-size: 1.2em; }
p.note { color: #2ca089; font-size: .9em; }
form a { color: #333; border-bottom: 1px solid #333; transition: all linear .5s; }
form a:hover { color: darkblue; text-decoration: none; border-bottom: 1px solid darkblue; }
form { padding: 1em; }
input[type="text"]::-ms-clear { display: none;  }
input[type="submit"]{width:auto; background:#ff6600; border:none; color:#fff; border-radius: 3px; font-size: 1.5em; padding:10px 25px; border-bottom:5px solid #aa4400; font-family: 'Roboto', arial, sans-serif; font-weight: 300; cursor: pointer; text-align: left;}
input[type="submit"]:hover{background-color:#d45500; cursor: pointer;}
input[type="submit"]:active{margin-top:5px; border-bottom: none;}

.form-control { border-radius: 0; }
.form-control-feedback { float: right; margin: -25px 5px 0 0; }
.form-control-feedback.glyphicon-remove { color: #a94442;  }
.form-control-feedback.glyphicon-ok { color: green; }

.error { background: pink; padding: 1em 2em; margin-bottom: 2em; border: 1px solid rgba(0,0,0,0.2); color: #600; }


@media only screen 
and (min-width : 1000px) {
.container { width: 50%; }
form { padding: 4em 2em; }
}