body {color:#000; font-size:16px;}
article,header div, main, #footer-text, #footer-icons {margin:0 auto; width:940px;}   
header {padding:20px 0;margin-bottom:2rem;}
header a#close {float:right;}
h1 {font-size:1em;}        
#footer-bg {background-color:#1e2a4c; color:#fff; padding:50px 0;}
#footer-links  {display:-ms-grid;display:grid;margin-left:0; padding-left:0; ;grid-template-columns: auto auto auto auto auto auto ;}
#footer-links li {list-style-type:none; padding-left:22px; padding-right:20px; border-left:1px solid #fff}
#footer-links li:first-child { margin-left:0px;padding-left:0;border: none}
#footer-links li:last-child { margin-right:0px;padding-right:0;}
#footer-links li a {color:#fff; text-decoration:none;}
#footer-links li a:hover {text-decoration:underline;}
#copy {padding-top:30px;font-size:90%;}
#footer-icons {padding:60px 100px; display: flex;flex-direction: row;flex-wrap: wrap;}
#footer-icons li {width:100px;width:15%; margin-left:10px; list-style-type:none;}
.print {cursor:pointer}
        
@media only screen and (max-width: 939px) {
    * {max-width:98%;margin:0 auto;}
    h1 {font-size:1em;}
    h2 {font-size:1.2em;}
    body {font-size:20px; padding:10px;} 
    #footer-bg {padding:10px;margin:0;}
    #footer-links {display: block;margin-left:0; padding:0;grid-template-columns: none;}
    #footer-links li {list-style-type:none; padding:4px 0; border-left:none}
    #footer-links {padding-left:3%}
    #footer-icons {padding:40px 0 0;}
    #footer-icons li, #footer-icons span {width:42%;text-align:center; margin-bottom:20px; display:inline}
    img {float:none !important}
}

@media print {
    * {max-width:98%}
    body {margin: 0 auto; padding:0;}
	header,#footer-links, #footer-icons {display:none;}
    article {margin-top:0px}
    a:after {content: "("attr(href)")";}    
}