@import url('foundationsGeneral.css');
@import url('foundationsPageLayout.css');
@import url('foundationsVisual.css');
@import url('backgroundImages.css');
@import url('textAppearance.css');
@import url('linkAppearance.css');
@import url('listAppearance.css');
@import url('images.css');
@import url('speechOutput.css') aural;
@media print { 
nav,
div.cell header,
figure,
figcaption,
aside,
footer,
noscript,
.pageBody .cell:nth-child(1) header,
.pageBody .cell:nth-child(1),
.pageBody .cell:nth-child(3) header,
.pageBody .cell:nth-child(3)
 {
  display: none;
}

}

@media (max-width: 800px) {

.flexbox .pageBody,
.flexbox .pageFooter {
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.pageBody {
    width: 95%;
}
/* Columns of page body */
.flexbox .pageBody div.cell:nth-child(1),
.flexbox .pageFooter div.cell:nth-child(1) { 
    min-width: 0;
    max-width: none;
    width: 100%
}
.flexbox .pageBody div.cell:nth-child(2),
.flexbox .pageFooter div.cell:nth-child(2) { 
    padding: 1em;
    width: 100%
}
.flexbox .pageFooter div.cell:nth-child(2) { 
    padding: 0;
}
.flexbox .pageBody div.cell:nth-child(3),
.flexbox .pageFooter div.cell:nth-child(3) { 
    min-width:0;
    max-width:none;
    width: 100%
}
header h1 { 
  font-size: 2em;
}
.flexbox hgroup:nth-child(1),
.flexbox hgroup:nth-child(3) {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 5%;
}
.flexbox hgroup:nth-child(2) {
    box-flex: 3;
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    min-width: 225px;
    max-width: 600px;
    width: 90%;
}

}