:root{--fontcolorNavTitle:#1d4f73;--fontcolorNavSubTitle:#616161;--fontcolorNavMenuItemPressed:#0165a7;--fontcolorArticleText:#18405d}@font-face{font-family:mycustomfont;src:url(fonts/MyCustomFont-Regular.woff2)format('woff2'),url(fonts/MyCustomFont-Regular.woff)format('woff');font-weight:400;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Black.eot)format('eot'),url(fonts/WonderUnitSans-Black.ttf)format('ttf'),url(fonts/WonderUnitSans-Black.woff)format('woff'),url(fonts/WonderUnitSans-Black.woff2)format('woff2');font-weight:900;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-BlackItalic.eot)format('eot'),url(fonts/WonderUnitSans-BlackItalic.ttf)format('ttf'),url(fonts/WonderUnitSans-BlackItalic.woff)format('woff'),url(fonts/WonderUnitSans-BlackItalic.woff2)format('woff2');font-weight:400;font-style:italic}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Regular.eot)format('eot'),url(fonts/WonderUnitSans-Regular.ttf)format('ttf'),url(fonts/WonderUnitSans-Regular.woff)format('woff'),url(fonts/WonderUnitSans-Regular.woff2)format('woff2');font-weight:400;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Light.eot)format('eot'),url(fonts/WonderUnitSans-Light.ttf)format('ttf'),url(fonts/WonderUnitSans-Light.woff)format('woff'),url(fonts/WonderUnitSans-Light.woff2)format('woff2');font-weight:300;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Medium.eot)format('eot'),url(fonts/WonderUnitSans-Medium.ttf)format('ttf'),url(fonts/WonderUnitSans-Medium.woff)format('woff'),url(fonts/WonderUnitSans-Medium.woff2)format('woff2');font-weight:500;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Thin.eot)format('eot'),url(fonts/WonderUnitSans-Thin.ttf)format('ttf'),url(fonts/WonderUnitSans-Thin.woff)format('woff'),url(fonts/WonderUnitSans-Thin.woff2)format('woff2');font-weight:200;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Semibold.eot)format('eot'),url(fonts/WonderUnitSans-Semibold.ttf)format('ttf'),url(fonts/WonderUnitSans-Semibold.woff)format('woff'),url(fonts/WonderUnitSans-Semibold.woff2)format('woff2');font-weight:600;font-style:normal}@font-face{font-family:wonder unit sans;src:url(fonts/WonderUnitSans-Bold.eot)format('eot'),url(fonts/WonderUnitSans-Bold.ttf)format('ttf'),url(fonts/WonderUnitSans-Bold.woff)format('woff'),url(fonts/WonderUnitSans-Bold.woff2)format('woff2');font-weight:700;font-style:normal}*{box-sizing:border-box}nav{width:200px;-webkit-flex:1;-ms-flex:1;flex:2;padding:.2em}nav ul{list-style-type:none;padding:0}html{background-color:#dbf1ff}body{font-family:wonder unit sans,sans-serif;font-weight:300;font-size:13px;color:var(--fontcolorArticleText)}a{color:var(--fontcolorNavTitle);text-decoration:none}a:visited{color:var(--fontcolorNavTitle)}a:hover{color:var(--fontcolorNavSubTitle)}a:active{color:var(--fontcolorNavSubTitle)}.centerText{text-align:center}.boldText{font-weight:700}.SiteTitle{color:var(--fontcolorNavTitle);font-size:32px;font-weight:700}.NavTitle{color:var(--fontcolorNavTitle);font-size:32px;font-weight:700}.NavTitleSub{color:var(--fontcolorNavSubTitle);font-size:15px}.NavMenuItem1{color:var(--fontcolorArticleText);font-size:12px;weight:bold}.NavMenuItem2{color:var(--fontcolorArticleText);font-size:15px;font-weight:600}.holy-grail-grid{display:grid;grid-template-areas:'header' 'main-content' 'left-sidebar' 'right-sidebar' 'footer';max-width:1200px;align-content:start}.holy-grail-grid>*{padding:1rem}.holy-grail-grid>.header{grid-area:header}.holy-grail-grid>.main-content{grid-area:main-content}.holy-grail-grid>.left-sidebar{grid-area:left-sidebar;max-width:180px}.holy-grail-grid>.right-sidebar{grid-area:right-sidebar;max-width:200px}.holy-grail-grid>.footer{grid-area:footer;text-align:center}@media(min-width:320px){.holy-grail-grid{grid-template-columns:1fr 1fr;grid-template-areas:'header header' 'left-sidebar left-sidebar' 'main-content main-content' 'right-sidebar right-sidebar' 'footer footer'}}@media(min-width:1024px){.holy-grail-grid{grid-template-columns:repeat(4,1fr);grid-template-areas:'header header header header' 'left-sidebar main-content main-content right-sidebar' 'footer footer footer footer'}}.imageRow{display:flex}.imageCol{flex:49%;padding:5px}