h2 {
    font-size: xxx-large;   
    text-align: center;
}

img.logo {
    width: auto;
    height: 48px;
}

div {
    background-color: #f2f2f2;
    padding: 10px;
}

input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 12px 0 20px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: xx-large;
}

input[type=button] {
    width: 100%;
    background-color: slategrey;
    color: white;
    padding: 28px 40px;
    margin: 28px 0 28px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: xx-large;
}

input[type=button]:hover
{
    background-color: darkgreen;
}

.warning
{
    color: darkred;
    font-size: x-large;
}

.message
{
    color: dimgrey;
    font-size: x-large;
}

table
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid darkgrey;
}

td, th
{
    border: 1px solid darkgrey;
    padding: 3px;
    font-size: xx-large;
    color: dimgrey;
}

td.right
{
    text-align:right;
}