body { margin:0; background:#7d8fa0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4;}
#logo { width:15%; height:auto; overflow:hidden; float:left; margin-right:2%;}
#logo img { width:50%; height:auto; max-width:102px;}
#mbm { display:none;}
nav { width:83%; height:auto; overflow:hidden; float:left; margin-top:2em; text-align:right;}
nav a { text-decoration:none; font-size:16px; margin-right:1em;}
header { width:100%; height:auto; overflow:hidden; background:rgba(0,0,30,.8); background:#7d8fa0;}
#hw { width:96%; height:auto; padding:8px 2%; overflow:hidden;  margin:0 auto; background:#fff;}
#banner { width:100%; height:auto; overflow:hidden; margin:0 auto -4px auto; }
#banner img { width:100%; height:auto;}
#wrapper { width:96%; height:auto; padding:1em 2%; overflow:hidden;  min-height:40vh; margin:0 auto 20px auto; background:#eee;}
h2 { font-size:19px; color:#003F79;}
h3 { color:#003F79;}
a { color:#003F79;}
a:hover { color:#ED122B;}
.bl { width:100%;height:auto; overflow:hidden; }
.blc { width:30%;height:auto; overflow:hidden; margin-right:5%; float:left;}
.blc:last-child { margin-right:0;}
ul { list-style: none; padding-left:1.1em;}
li { margin-bottom:.4em;}
ul li:before { content:"●"; color:#ED122B; display:inline-block; width:1.1em; margin-left:-1.1em;}

hr { size:0; border:0 0 1px 0; border-color:#7d8fa0; border-style:solid; margin:1em 0; }

footer {  position:fixed; left:0; bottom:0; width:100%; height:auto; text-align:center; color:#d3d3d3;}
footer div { width:96%; height:auto; padding:.7em 2%; overflow:hidden; margin:0 auto; background:#003d59; font-size:.7em;}

@media (min-width: 1081px)  {
#hw { width:940px; padding:8px 20px;}
#banner { width:980px;}
#wrapper { width:940px; padding:1em 20px;}
footer div { width:940px; padding:.7em 20px;}
}
@media (max-width: 800px) {
.blc { width:100%;margin-right:0; float:none;}
}
@media (max-width: 600px) {
#logo { width:19%;  }
#logo img { width:100%;}
nav { width:78%; margin-top:.5em; line-height:2.3; }
nav a:first-child { visibility:hidden; color:#fff;}
nav a { font-size:14px;}
#wrapper { width:92%; padding:1em 4%; min-height:50vh;}
}


@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 600px)  {
.blc { width:100%;margin-right:0; float:none;}
}