/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
  text-decoration: underline;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #ccc;
  background: url("http://fabianabel.de/images/header-fb.jpg") no-repeat scroll 0px 100% / cover transparent;
  overflow: auto;
}

body {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: top;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  overflow: auto;
}

.cover-container {
  max-width: 80vw;
  display: flex;
  align-items: center;
  font-size: calc(0.8rem + 1vw);
  font-weight: 300;
}

/*
 * Cover
 */
.cover {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
.shadow {
  background-color: rgba(0, 0, 0, .50);
}

.h1, h1, .cover-heading {
  font-size: calc(1.5rem + 2vw);
}