body{padding-top:70px;background-color:#e9f0f5;color:#424B54;font-family:Trebuchet MS;font-size:16px}
a{color:#000;text-decoration:none}
h1,h2,body{margin:0}
h1 + i {margin-top:5px;display:inline-block;letter-spacing:1px;color:#303e49}
.c{float:left;width:100%}
.c{padding:20px 0px;text-align:center}
.c.dark{z-index:1;top:0;position:fixed;background-color:#303e49;box-sizing:border-box;height:70px}
.r{width:900px;margin:auto;max-width:100%;padding:0px 25px;box-sizing:border-box}
a.btn{padding:0.8em 1em;background:#d3dadf;color:#303e49;font-weight:bold;border-radius:0.75em;display:inline-block}
.c a.logo{color:#fff;font-size:24px}
.f{width:100%;margin:auto;margin:20px 0px;box-sizing:border-box;background:#ffffff;border-radius:0.75em;padding:25px;box-shadow:0 3px 0 #d7e4ed}
.b{box-sizing:border-box;width:33.333333%;float:left;padding:0px 10px}
.b img{max-width:100%;margin-bottom:10px;border-radius:0.75em}
.b img + a{width:100%;float:left}
.b i{float:left;width:100%;margin-bottom:10px;font-size:14px;color:#5f6d79}
ol,ul{padding:0px 20px}
li{margin:20px 0px;text-align:left}
.menu {position:fixed;left:-300px;top:0;width:300px;height:100%;box-sizing:border-box;padding-top:69px;background-color:#28343d;transition:left 0.3s}
.menu li {margin:0px}
.menu ul {margin:0;padding:0px;border-top:1px solid #44525d}
.menu li a{padding:10px;color:#7b8f9f;width:100%;box-sizing:border-box;display:inline-block;border-bottom:1px solid #44525d}
.menu li a.light{background:#1f272d}
.menu-toggle {position:fixed;top:20px;left:20px;cursor:pointer;z-index:2}
.menu-toggle.open { position:fixed;}
.menu-toggle.open .bar:nth-child(1) {transform:rotate(45deg) translate(5px, 5px)}
.menu-toggle.open .bar:nth-child(2) {display:none}
.menu-toggle.open .bar:nth-child(3) {transform:rotate(-45deg) translate(5px, -5px);margin-top:11px}
.bar {width:30px;height:3px;background-color:#acb7c0;margin:5px 0}
@media (max-width:800px){
  .b{width:100%}
  .c a.logo{font-size: 18px;
    margin-top: 5px;
    display: inline-block;}
}