.hero-header{width:560px;max-width:100%;margin:0 auto;padding:20px 30px 60px;text-align:center}@media screen and (max-width: 700px){.hero-header{padding-top:0;padding-bottom:30px}}.hero-header .hero-sub{margin-top:20px;font-size:1.2em}@media screen and (max-width: 700px){.hero-header .hero-sub{font-size:1em}}h1{font-size:2em;font-weight:800}@media screen and (max-width: 1100px){h1{font-size:1.8em}}@media screen and (max-width: 700px){h1{font-size:1.6em}}.posts{padding:20px 0}@media screen and (max-width: 700px){.posts{padding:20px 0}}