* { padding: 0; margin: 0; box-sizing: border-box; }
body { background: #fff; color: #333; font-family: Georgia, serif; text-align: center; font-size: 100%; }
h1,h2,h3,h4,h5,h6, li { width: 100%; padding: .2em 1%; text-align: left; }
h1,h2 { font-size: 3em; }
h2 { font-size: 1.5em; padding: .8em 1%; }
h3 { font-size: 1.5em; color: #e13636; }
h4 { color: #333; border-top: 1px solid #999; padding-top: 1em;}
h5 { font-size: 1.3em; }
p, em, textarea { display:block; width: 100%; padding: .5em; text-align: left; }
p { line-height:1.5em; }
textarea { border: 1px solid #ccc; padding: 1em 1%; border-left: 0; border-right: 0; font-size: .8em; line-height: 1.5em; background: #f2f2f2; }
img { border: 1px solid #ccc; margin: 0 auto; max-width: 100%; }
a,a:visited, .code { color: #4183c4; }
.value { color: #0eb14f; }
.sidemenu ul { margin-bottom: 1em; }
header { background: #CB4B4B; }
header h1, header h5 { color: #fff; font-weight: normal; margin: 0; padding: .3em 1% .1em 1%; background: #CB4B4B; }
header h5 { padding-bottom: 1.5em }
nav { background: #355163; text-align: left; }
nav ul { display: inline-block; width: 100%; }
nav li { display: inline; }
nav li a { display: inline-block; padding: .8em .5em; color: #fff; text-decoration: none; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
nav li a:visited { color: #fff; }
nav li a:hover, nav li a.active { color: #CB4B4B; background: #fff; }
section { padding-bottom: 1em; }
section code[class*=language-], pre[class*=language-] { margin-bottom: 1em!important; }
footer { display: table; width: 100%; color: #fff; font-size: .75em; background: #e13636; }
footer p, footer ul { display: table-cell; vertical-align:middle; min-height: 2em; }
footer p { width: 80%; }
footer p a, footer p a:visited { color: inherit; }
footer ul { width: 100%; text-align: right; padding-right: .5em; }
footer ul { min-width: 7em; }
footer li { display: inline; list-style-type: none; width: 2em; }
footer li a { display: inline-block; width: 2em; height: 2em; white-space: nowrap; text-indent: 9999px; overflow: hidden; background: url(../images/social-icons.svg) no-repeat 0 0; background-size: auto 100%; opacity: .6; }
footer li a:hover {opacity: 1; }
footer li a.tw { background-position: -2em 0; }
footer li a.gh { background-position: -4em 0; }
footer li a.so { background-position: -6em 0; }
footer li a.gg { background-position: -8em 0; }

@media print {
    body { font-size: 11px; }
    nav, footer ul { display:  none; }
    section img {
        max-width : 80%; margin: 0 auto;
    }
}