/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
fieldset,hr{border:0;padding:0}
hr,nav a{display:block}
.hidden,.invisible{visibility:hidden}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}
textarea{resize:vertical}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.main aside,.title,nav a,nav a:hover,nav a:visited{color:#fff}
body{font:16px/26px Helvetica,Helvetica Neue,Arial}
.wrapper{width:90%;margin:0 5%}
.header-container{border-bottom:20px solid #e44d26}
.footer-container,.main aside{border-top:20px solid #e44d26}
.footer-container,.header-container,.main aside{background:#f16529}
nav ul{margin:0;padding:0;list-style-type:none}
nav a{margin-bottom:10px;padding:15px 0;text-align:center;text-decoration:none;font-weight:700;background:#e44d26}
nav a:hover{text-decoration:underline}
.main{padding:0px 0px 30px;}
.main article h1{font-size:2em}
.main aside{padding:0 5% 10px}
.footer-container footer{color:#fff;padding:20px 0}
.ie7 .title{padding-top:20px}

@media only screen and (min-width:480px){

nav a{float:left;width:27%;margin:0 1.7%;padding:25px 2%}
nav li:first-child a{margin-left:0}
nav li:last-child a{margin-right:0}
nav ul li{display:inline}
.oldie nav a{margin:0 .7%}
}
@media only screen and (min-width:768px){
.header-container,.main aside{box-shadow:0 5px 10px #aaa}
.title{float:left}
nav{float:right;width:38%}
.main article{float:left;width:100%}
.main aside{float:right;width:28%}
}
@media only screen and (min-width:1140px){
.wrapper{width:1026px;margin:0 auto}
}
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@media print{
blockquote,img,pre,tr{page-break-inside:avoid}
*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999}
thead{display:table-header-group}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}}