text: import React from 'react'
  import PropTypes from 'prop-types'
  import Helmet from 'react-helmet'
  import Link from 'gatsby-link'
  
  import Header from '../components/header'
  import Footer from '../components/footer'
  
  import './index.css'
  
  const Layout = ({ children, data, location }) => (
    <div>
      <Helmet
        title={data.site.siteMetadata.title}
        meta={[
          { name: 'description', content: 'Sample' },
          { name: 'keywords', content: 'sample, something' },
        ]}
      />
      <Header data={data} location={location}/>
      <div
        style={{
          margin: '0 auto',
          maxWidth: "100%",
          padding: '0px 1.0875rem 1.45rem',
          paddingTop: 0,
          
        }}
      >
  
      
        {children()}
  
        
      </div>
      
      
      
    <Footer data={data} location={location}/>
    </div>
  
  )
  
  Layout.propTypes = {
    children: PropTypes.func
  }
  
  export default Layout
  
  export const query = graphql`
    query SiteTitleQuery {
      site {
        siteMetadata {
          title
          description
        }
      }
      background: imageSharp(id: { regex: "/bgGC.jpg/"}) {
        sizes(maxWidth: 2000) {
          ...GatsbyImageSharpSizes
        }
        
      }
      footer: imageSharp(id: { regex: "/foot4.png/"}) {
        sizes(maxWidth: 3000) {
          ...GatsbyImageSharpSizes
        }
      }
      man: imageSharp(id: { regex: "/macho.png/"}) {
        sizes(maxWidth: 500) {
          ...GatsbyImageSharpSizes
        }
      }
    }
  `;
  