/* 8. CUSTOM LAYOUT & TYPOGRAPHY (Daddy bear)
----------------------------------------------------------------------------------------*/
body:after {
  content: 'daddy-bear';
}

header {
  padding: 1em;
  padding-left: 3em;
  margin-bottom: 1em;
  text-align: left;
}

#container {
  padding: 1.618em;
  margin: 0 auto;
  max-width: 60em;
}

#content section {
  float: left;
}
#content section .holder {
  margin: 0.25em;
  width: 18em;
  height: 12em;
}
#content section .holder p {
  margin: 0;
}

/* 9. CUSTOM LAYOUT & TYPOGRAPHY (Mummy bear)
----------------------------------------------------------------------------------------*/
@media screen and (max-width: 63.236em) {
  body:after {
    content: 'mummy-bear';
  }

  #container {
    width: 30em;
  }

  #content section .holder {
    width: auto;
    height: auto;
  }
}