/*
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
*/
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    /*font-family: Georgia, Times, "Times New Roman", serif;*/
    font-family: 'Source Sans Pro', sans-serif;
}

.header h1 {
    font-family: 'Cantata One', serif;
}

.content {
    color: #000;
}

.footer {
    color: #777;
    font-style: oblique;
    font-size:80%;
    margin-top: 5em;
}

.li-detail {
    //font-style: oblique;
    margin-left: 30px;
}

.li-action {
    margin-left: 30px;
}

table.input-form {
    width: 100%;
    border:0;
}
.caution {
    line-height: 1.0em;
    font-style: oblique;
    font-size:80%;
}


input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}