.container {max-width: 640px; margin: auto; padding: 1.5em;}

html {height: 100%;}
body {
    display: table;
    width: 100%; height: 100%;

    margin: 0; padding: 0;

    font-family: Georgia, serif; font-size: 20px; line-height: 1.5;

    background: #fff; color: #444;
}

.brand {font-size: 250%;}

h1, h2, h3 {font-weight: 200; text-transform: uppercase;
    letter-spacing: 0.2em;}
h1 {font-size: 200%;}

img {
    width: 100px;
    vertical-align: middle;
}

a { color: #05b; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

.links { list-style-type: none; padding-left: 1em;}


button, input, select, textarea {
  font-family : Helvetica, sans-serif;
  font-size   : 100%;
  box-sizing: border-box;
}

textarea {
    width: 100%;
    resize:vertical;
    height: 6em;
}

label {
    display: block;
    font-weight: bold;
    font-family : Helvetica, sans-serif;
}

fieldset {
    border: none;
    padding-left: 0;
}

.separate {
    margin: 3em 0;
}

button {
    background: #444;
    color: #fff;
    border: 1px solid #444;
    font-size: 150%;
    padding: 0.5em 1em;
}

button:hover {background: #000;}
button:active {background: #444; color: #000;}

@media (min-width: 641px) {
    .row {display: table; width: 100%;}
    .col {display: table-cell; vertical-align: top; width: 50%;}
}