/* ---- CSS reset ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, ul.menu, li.leaf,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

#page {
  display: block;
  margin: auto;
  min-height: 100%; }

#main {
  display: flex; }

#footer {
  display: block; }
  #footer #footer-single {
    display: block; }
  #footer #footer-blocks {
    display: flex; }
    #footer #footer-blocks #footerone {
      padding: 10px; }
    #footer #footer-blocks #footertwo {
      padding: 10px; }
    #footer #footer-blocks #footerthree {
      padding: 10px; }

@media screen and (min-width: 1200px) {
  #page {
    width: 1200px; }

  #header {
    width: 1200px; }

  #highlighted {
    width: 1200px; }

  #menubar {
    width: 1200px; }

  #main {
    width: 1200px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch; }
    #main #sidebarleft {
      width: 400px;
      flex-grow: 1; }
    #main #content {
      width: 800px;
      flex-grow: 2; }
    #main #sidebarright {
      width: 400px;
      flex-grow: 1; }

  #footer {
    width: 1200px; }
    #footer #footer-single {
      width: 1200px; }
    #footer #footer-blocks {
      width: 1200px;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: stretch; }
      #footer #footer-blocks #footerone {
        flex-grow: 1; }
      #footer #footer-blocks #footertwo {
        flex-grow: 1; }
      #footer #footer-blocks #footerthree {
        flex-grow: 1; } }
@media screen and (max-width: 1200px) {
  #page {
    width: 100%; }

  #header {
    box-sizing: border-box;
    width: 100%; }

  #highlighted {
    box-sizing: border-box;
    width: 100%; }

  #menubar {
    width: 100%; }

  #main {
    width: 100%;
    flex-direction: column; }
    #main #menubar {
      width: 100%; }
    #main #sidebarleft {
      box-sizing: border-box;
      width: 100%; }
    #main #content {
      box-sizing: border-box;
      width: 100%; }
    #main #sidebarright {
      box-sizing: border-box;
      width: 100%; }

  #footer {
    width: 100%;
    display: block; }
    #footer #footer-single {
      box-sizing: border-box;
      display: block;
      width: 100%; }
    #footer #footer-blocks {
      width: 100%;
      flex-direction: column; }
      #footer #footer-blocks #footerone {
        box-sizing: border-box;
        order: 2; }
      #footer #footer-blocks #footertwo {
        box-sizing: border-box;
        order: 3; }
      #footer #footer-blocks #footerthree {
        box-sizing: border-box;
        order: 1; } }

/*# sourceMappingURL=layout.css.map */