header
{
  grid-template-columns: 139px auto;
}
header h1
{
  padding: 0;
}
header h1 img
{
  content: url("../img/logo_header_narrow.png");
  width: 139px;
}
header nav
{
  line-height: 30px;
}
header nav a
{
  height: 30px;
  font-variant: all-small-caps;
  display:block;
  padding: 0 10px 0 0;
  text-align: right;
}
header nav a#nav_tafl
{
  padding-top: 0.5em;
  margin-right:-2.5em;
}
header nav a#nav_tafl sup.comingsoon
{
  font-size: xx-small;
  left: -6.5em;
  padding: 2px;
}
div#content
{
  grid-template-columns: auto;
}
div.content
{
  grid-column-start: 1;
  grid-column-end: 4;
  padding-left: 1em;
  padding-right: 1em;
}
div#tafl
{
  padding: 0;
}
div#tafl div#tafl_description div
{
  width:90vw;
}
div.parallax, div.parallax#cover
{
  background-attachment: scroll;
  height: calc(100vw);
  background-position: center top;
}
div.parallax#cover
{
  background-image: url('../img/cover_mobile.jpg');
  background-position: center 50px;
}
div.parallax#cover div
{
  height: 100vw;
  margin:0;
  padding:0;
}
div.parallax#cover div img
{
  display:none;
  height:0;
}
div.parallax#cover div p
{
  height:50vw;
  margin-top:50vw;
  vertical-align: middle;
}
div.parallax#cover
{
  font-size: 2em;
}
div#fourofour div.content div
{
  font-size:1.5em;
  line-height:1em;
  height:45vh;
  padding-top:5vh;
  margin-top:25vh;
}
div#tldr_lists
{
  grid-template-columns: auto;
  grid-row-gap: 10px;
}
footer
{
  text-align: center;
}