content: import React from 'react';
  
  import cx from 'classnames';
  import styled from 'styled-components';
  //    background-image: url('http://www.sciencemag.org/sites/default/files/styles/article_main_medium/public/images/ss-bird_honeycreeper.jpg?itok=eEm6TBrb');
  
  import Header from './Header';
  
  const Container = styled.div`
      background-size: cover;
  `;
  
  const Grid = styled.div`
      max-width: 1000px;
  `
  class Layout extends React.Component {
      render() {
          return (
              <Container className='mdl-layout__container'>
                  <div className="mdl-layout mdl-js-layout mdl-layout--fixed-header">
                      <Header loading={this.props.loading}></Header>
                      <main className="mdl-layout__content">
                          <Grid className="mdl-grid">
                              {this.props.children}
                          </Grid>
                      </main>
                  </div>
              </Container>
          )
      }
  
  }
  
  export default Layout