text: import Header from './header'
  import Meta from './meta'
  import Footer from './footer'
  
  const Page =  ({ children }) => (
    <div className="main">
      <Meta />
      <Header />
  
      <div className="page">
        { children }
      </div>
  
      <Footer />
  
      <style jsx>{`
        .main {
          width: 85%;
          margin: auto;
          padding: 10px 0 0 0;
        }
  
        .page {
          color: #828282;
          background: #fff;
          padding: 3px 10px;
        }
  
        @media (max-width: 750px) {
          .main {
            padding: 0;
            width: auto;
          }
        }
      `}</style>
    </div>
  )
  
  Page.propTypes = {
      children: React.PropTypes.node.isRequired
  }
  
  export default Page
  