html,body {
    width: 100%;
    height: 100%;
}
body {
    padding-top: 100px;
}

.index-content {
    width: 50%;
    min-width: 200px;
    max-width: 440px;
    margin: auto;
}
.index-content form {
    border-radius: 10px;
    border: solid 1px #DDD;
    padding: 20px;
}

body {
    width: 50%;
    min-width: 200px;
    max-width: 600px;
    margin: auto;
}

.haapie-logo {
    max-width: 400px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

td {
    vertical-align: middle;
}