html {
  position: relative;
  min-height: 100%;
}

body{
    /* Wordwrap */
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

@media only screen and (max-width: 767px) { /* size: https://v4-alpha.getbootstrap.com/layout/grid/ */
    body {
        margin-top: 25px;
        margin-bottom: 60px;
    }
}


/* Cards */
.card{
    margin-bottom: 25px;
}
.card-container{
    /* vertical center (http://stackoverflow.com/questions/22196587/how-to-center-align-vertically-the-container-in-bootstrap)*/
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.card-container a{
    color: inherit;
}
.card-container a:hover, .card-container a:focus{
    color: inherit;
    opacity: 0.9;
}

h1 {
    font-size: 35px;
}

/* Footer */
.page-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}