html, body {  padding: 0;  margin: 0;  }
body {  background-color: #fff;  font-family: Arial, Helvetica, Verdana;  font-size: 14px;  line-height: 22px;  color: #666;  position: relative;  -webkit-text-size-adjust: none;  }
body * {  text-shadow: none;  }
h1, h2, h3, h4, h5, h6 {  line-height: 1;  font-weight: bold;  margin: 20px 0 10px 0;  }
h1, h2, h3 {  font-size: 18px;  }
h4, h5, h6 {  font-size: 16px;  }
p { margin: 0 0 10px 0; }
nav:not(.mm-menu) {  display: none;  }
.header, .content, .footer {  text-align: center; }
.header, .footer {  background: #1CBB9B;  font-size: 16px;  font-weight: bold;  color: #fff;  line-height: 40px;  -moz-box-sizing: border-box;  box-sizing: border-box;  width: 100%;  height: 40px;  padding: 0 50px;  }
.header.fixed {  position: fixed;  top: 0;  left: 0;  }
.footer.fixed {  position: fixed;  bottom: 0;  left: 0;  }
.header a {  display: block;  width: 28px;  height: 18px;  padding: 11px;  position: absolute;  top: 0;  right: 0;  }
.header a:before, .header a:after {  content: '';  display: block;  background: #fff;  height: 2px;  }
.header a span {  background: #fff;  display: block;  height: 2px;  margin: 6px 0;  }
.content { padding: 15% 2% 50px 2%; }
section {  border-top: 1px solid #ccc;  padding: 150px 0 200px;  }
section:first-child {  border-top: none;  padding-top: 0;  }
.header, .footer {  position: fixed;  left: 0;  right: 0;  }
.header{ top: 0; }
.footer{ bottom: 0; }
@media (min-width: 800px) {  .header a {  display: none; }  }
.mm-navbar{ background: #16dbb4; }
.mm-navbar .mm-title{ color: #FFF !important; }
.content .title{ font-size: 1.2rem; font-weight: bold; margin-bottom: 1%; }
.content .date{ font-size: 0.8rem; color: #DDD; }
.content-info{  border-top: 1px solid #DDD; padding-top: 2%; margin-top: 2%;}
.content-info img{  background: #333; width: 100%; }