text: import React from 'react';
  import Container from 'react-bootstrap/Container';
  import Row from 'react-bootstrap/Row';
  // import Col from 'react-bootstrap/Col';
  import ResponsiveEmbed from 'react-bootstrap/ResponsiveEmbed';
  import SEO from '../../components/seo';
  import Layout from '../../components/layout';
  
  import 'bootstrap/dist/css/bootstrap.min.css';
  import { Link } from 'gatsby';
  
  const Wornpath = () => (
  	<Layout>
  		<SEO title="Wornpath" />
  		<Container>
  			<Row style={{ justifyContent: 'center' }}>
  				<Link
  					to="/"
  					style={{
  						color: '#000000',
  						padding: '10px'
  					}}
  				>
  					Back
  				</Link>
  				<Link
  					to="/video/prana_manifest_farm/"
  					style={{
  						color: '#000000',
  						padding: '10px'
  					}}
  				>
  					Next
  				</Link>
  			</Row>
  		</Container>
  		<Container>
  			<Row style={{ justifyContent: 'center' }}>
  				<div style={{ width: 660, height: 'auto' }}>
  					<ResponsiveEmbed aspectRatio="16by9">
  						<iframe
  							title="Wornpath"
  							src="https://www.youtube.com/embed/cpuSnsD_ZOg?modestbranding=1"
  							frameborder="0"
  							allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  							allowfullscreen="true"
  						>
  							...
  						</iframe>
  					</ResponsiveEmbed>
  				</div>
  			</Row>
  
  			<Container style={{ padding: '10px', textAlign: 'center' }}>
  				<li style={{ margin: `auto`, padding: '2px' }}>
  					<h5>Wornpath</h5>
  				</li>
  				<li style={{ fontSize: `12px`, margin: `auto`, padding: '2px' }}>
  					<p>Client: Wornpath</p>
  				</li>
  				<li style={{ fontSize: `12px`, margin: `auto`, padding: '2px' }}>
  					<p>Film & Edit: Keaton Rodgers</p>
  				</li>
  			</Container>
  		</Container>
  	</Layout>
  );
  
  export default Wornpath;
  