/* ==========================================================================
   Additional layout for screen media 672px and up
   ========================================================================== */
header,
nav ul,
.container,
footer {
  /* 1152px / 1280px */
  width: 60%;
  line-height: 2;
}

[role="main"] {
  /* float: left; */
  /* 592px / 960px */
  width: 85%;
}

[role="complementary"] {
  float: right;
  border: 1px solid #e3e3e3;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em 1em 0;
  /* 290px / 960px */
  width: 28%;
  background: #f7f7f7;
}

h1 {
  /* 42px */
  font-size: 2em;
}

h2 {
  /* 28px */
  font-size: 1.5em;
}

h3 {
  /* 21px */
  font-size: 1.2em;
}

blockquote {
  float: right;
  margin: 0 0 .875em .875em;
  /* 254px / 592px */
  width: 42.905405405405%;
}