/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
:root{
--black:#000;
--orange:#F7971D;
--red:#f00;
--yellow:#f1c40f;
--white:#fff;
}
html,button,input,select,textarea {color: #222;}
html {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
.browsehappy {background: #ccc;color: #000;margin: 0.2em 0;padding: 0.2em 0;}
body {font: 16px/26px Helvetica, Helvetica Neue, Arial;}
.wrapper {margin: 0 5%;width: 90%;}
.header-container {border-bottom: 20px solid var(--orange);}
.footer-container,
.main aside {border-top: 20px solid var(--orange);}
.header-container,
.footer-container,
.main aside {background: var(--black);}
img{max-width:100%;display:block;border-radius:12px}
.title, .orange {color: var(--orange);}
.white {color: var(--white);}
.hub {background: var(--orange); border-radius: 8px; color: var(--black); margin-left: 6px; padding: 5px;}

a {color: var(--orange);}

nav ul {margin: 0;padding: 0;}
nav a {/* background: var(--orange); border-radius: 8px; color: var(--black);*/
display: block; font-weight: bold; margin-bottom: 10px; text-align: center; text-decoration: none;}
nav a:hover,nav a:visited {color: var(--white);}
nav a:hover {text-decoration: underline;}

.main {padding: 30px 0;}
.main article h1 {font-size: 2em;}
h2 {color: var(--orange); font-size: 1.3em; text-shadow: 0 1px 2px #aaa;}
.main aside {color: white; margin-bottom: 20px; padding: 0 4% 10px;}
.main aside:last-child {margin-bottom: 0;}

aside ul, aside ol {list-style: none; padding: 0;}
aside a {text-decoration: none;}

.footer-container footer {color: #fff; padding: 20px 0;}
.ie7 .title {padding-top: 20px;}

@media only screen and (min-width: 480px) {
nav a {border-right: 1px solid; float: left; padding: 0 12px; /*width: 24%; margin: 10px 0;*/}
nav li:first-child a {margin-left: 0;}
nav li:last-child a {margin-right: 0; border-right: 0;}

/* INTERMEDIATE: IE Fixes */
nav ul li {display: inline;}
.oldie nav a {margin: 0 0.7%;}
}
@media only screen and (min-width: 768px) {
/* WIDE: CSS3 Effects */
.header-container,
.main aside {box-shadow: 0 5px 10px #aaa;
-webkit-box-shadow: 0 5px 10px #aaa;
-moz-box-shadow: 0 5px 10px #aaa;
}
/* WIDE: Menu */
.title {float: left;}
nav {float: right; width: auto;}
/* WIDE: Main */
.main article {float: left; width: 65%;}
.main aside {float: right; width: 27%;}
}
@media only screen and (min-width: 1140px) {
/* Maximal Width */
.wrapper { margin: 0 auto; width: 85%; /* 1140px - 10% for margins */}}
/* Helper classes */
.ir {background-color: transparent;border: 0;overflow: hidden;/*text-indent: -9999px;*/}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.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;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/* Print styles */
@media print {* {background: transparent !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) ")";}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group;}
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}}