html,body {
    height: 100%;
    padding: 0;
    margin: 0;
}
body {
    background: url("/img/img-bg3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.linx a {
    font-size: larger;
    background-color: gray;
    color: white;
    border: 1px solid gray;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 10px; }


.full-height {
    min-height: 100%; }

.flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.flex-fill {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.text-center {
    text-align: center; }

.links {
    padding: 1em;
    text-align: right;
    background-color: rgba(155, 155, 155, 0.5); }

.links a {
    text-decoration: none; }

.links button {
    background-color: #3097D1;
    border: 0;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
    width: 100px; }

h1.middle {
    font-family: 'Open Sans';
    color: #f8f8f8;
    font-size: 3rem;
    background: rgba(33, 33, 33, 0.5);
    padding: 20px; }