html
  {
  height: 100%;
  box-sizing: border-box;
  }

*,
*:before,
*:after
  {
  box-sizing: inherit;
  }

body
  {
  position: relative;
  margin: 0;
  min-height: 100%;
  padding-bottom: 14rem;
  }

/* All width-spanning elements. */
body,
.content,
#footer
  {
  /* Turn off the minimum-width. */
  min-width: inherit;
  }

.content
  {
  padding-top: 80px;
  }

/* Header title. */
div.header h1.title
  {
  /* Hide on phone. */
  display: none;
  }

/* Language switcher. */
div.header .language
  {
  /* Hide the language switcher. */
  display: none;
  }

/* Content. */
.content
  {
  /* Use static positioning. */
  margin-top: 0px;
  }

/* Content header. */
.content h1
  {
  /* Reduce the size. */
  font-size: 1.5em;
  }

/* Content title. */
.content h1.title
  {
  /* Show on phone. */
  display: block;
  
  /* Make a bit larger than other headers. */
  font-size: 2em;
  }

/* Footer menu and backdrop. */
#footer_backdrop
  {
  /* Just show the footer on the iPhone. */
  display: none;
  }

#footer
  {
  /* Use static positioning. */
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  /* Use a fixed height. */
  height: auto;

  /* Use backdrop border and colour. */
  border-top: 1px solid #ddddaa;
  background-color: rgba(226, 255, 205, 1);
  
  /* Give us some room. */
  padding: 10px;
  }

/* Menu. */
#menu
  {
  /* Use static positioning. */
  position: static;
  
  /* Center this. */
  text-align: center;
  
  /* Give it some space. */
  margin-bottom: 10px;
  }

/* Address. */
#address
  {
  /* Use static positioning. */
  position: static;

  /* Set it off a bit. */
  border-top: 1px solid #ddddaa;
  }

/* Legal stuff. */
#legal
  {
  /* Use static positioning. */
  position: static;
  
  /* Center it. */
  text-align: center;

  /* Set it off a bit. */
  border-top: 1px solid #ddddaa;
  
  /* Make the text smaller. */
  font-size: 10px;
  }

/* Wrap these nicely. */
#legal span
  {
  display: inline-block;
  white-space: nowap;
  }

/* Get rid of white space. */
#legal p
  {
  margin-bottom: 0px;
  }

/* Social media icon links. */
.social-media-list
  {
  /* Put in the upper right corner. */
  top: 50px;
  }

#github-link svg,
#twitter-link svg
  {
  /* Make these bigger */
  height: 25px;
  width: 25px;
  }