diff --git a/gatsby-config.js b/gatsby-config.js
index 7eae5b3..b4efb41 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,34 +1,34 @@
 module.exports = {
-  pathPrefix: `/gatsby-creative`,
+  pathPrefix: '/gatsby-creative',
   siteMetadata: {
-    title: `Gatsby Default Starter`,
-    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
-    author: `@gatsbyjs`,
+    title: 'Gatsby Default Starter',
+    description: 'Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.',
+    author: '@gatsbyjs',
   },
   plugins: [
-    `gatsby-plugin-react-helmet`,
+    'gatsby-plugin-react-helmet',
     {
-      resolve: `gatsby-source-filesystem`,
+      resolve: 'gatsby-source-filesystem',
       options: {
-        name: `images`,
+        name: 'images',
         path: `${__dirname}/src/images`,
       },
     },
-    `gatsby-transformer-sharp`,
-    `gatsby-plugin-sharp`,
+    'gatsby-transformer-sharp',
+    'gatsby-plugin-sharp',
     {
-      resolve: `gatsby-plugin-manifest`,
+      resolve: 'gatsby-plugin-manifest',
       options: {
-        name: `gatsby-starter-default`,
-        short_name: `starter`,
-        start_url: `/`,
-        background_color: `#663399`,
-        theme_color: `#663399`,
-        display: `minimal-ui`,
-        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+        name: 'gatsby-starter-default',
+        short_name: 'starter',
+        start_url: '/',
+        background_color: '#663399',
+        theme_color: '#663399',
+        display: 'minimal-ui',
+        icon: 'src/images/gatsby-icon.png', // This path is relative to the root of the site.
       },
     },
-    `gatsby-plugin-sass`,
+    'gatsby-plugin-sass',
     {
       resolve: 'gatsby-plugin-web-font-loader',
       options: {
@@ -39,6 +39,6 @@ module.exports = {
     },
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
+    // 'gatsby-plugin-offline',
   ],
-}
+};
diff --git a/src/components/header.js b/src/components/header.js
index ae3f680..8bc7160 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -12,27 +12,51 @@ export default class Header extends React.Component {
   render() {
     return (
       <>
-        <Navbar className="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav" expand="lg"
+        <Navbar className="navbar navbar-expand-lg navbar-light fixed-top py-3"
+                id="mainNav"
+                expand="lg"
                 collapseOnSelect={true}>
           <div className="container">
-            <a className="navbar-brand js-scroll-trigger" href="#page-top" onClick={Scroller.handleAnchorScroll}>Start Bootstrap</a>
+            <a className="navbar-brand js-scroll-trigger" h
+               ref="#page-top"
+               onClick={Scroller.handleAnchorScroll}>
+              British Kitties
+            </a>
             <Navbar.Toggle aria-controls="navbarResponsive"/>
             <Navbar.Collapse id="navbarResponsive">
               <Nav className="navbar-nav ml-auto my-2 my-lg-0">
                 <Scrollspy className="navbar-nav"
-                           items={["about", "services", "portfolio", "contact"]}
-                           currentClassName="active" rootEl={"#mainNav"} offset={-75}>
+                           items={["about", "gallery", "faq", "contact"]}
+                           currentClassName="active"
+                           rootEl={"#mainNav"}
+                           offset={-75}>
                   <li className="nav-item">
-                    <Nav.Link className={"js-scroll-trigger"} href="#about" onClick={Scroller.handleAnchorScroll}>About</Nav.Link>
+                    <Nav.Link className={"js-scroll-trigger"}
+                              href="#about"
+                              onClick={Scroller.handleAnchorScroll}>
+                      About
+                    </Nav.Link>
                   </li>
                   <li className="nav-item">
-                    <Nav.Link className={"js-scroll-trigger"} href="#services" onClick={Scroller.handleAnchorScroll}>Services</Nav.Link>
+                    <Nav.Link className={"js-scroll-trigger"}
+                              href="#gallery"
+                              onClick={Scroller.handleAnchorScroll}>
+                      Gallery
+                    </Nav.Link>
                   </li>
                   <li className="nav-item">
-                    <Nav.Link className={"js-scroll-trigger"} href="#portfolio" onClick={Scroller.handleAnchorScroll}>Portfolio</Nav.Link>
+                    <Nav.Link className={"js-scroll-trigger"}
+                              href="#faq"
+                              onClick={Scroller.handleAnchorScroll}>
+                      FAQ
+                    </Nav.Link>
                   </li>
                   <li className="nav-item">
-                    <Nav.Link className={"js-scroll-trigger"} href="#contact" onClick={Scroller.handleAnchorScroll}>Contact</Nav.Link>
+                    <Nav.Link className={"js-scroll-trigger"}
+                              href="#contact"
+                              onClick={Scroller.handleAnchorScroll}>
+                      Contact
+                    </Nav.Link>
                   </li>
                 </Scrollspy>
               </Nav>
@@ -43,14 +67,16 @@ export default class Header extends React.Component {
           <div className="container h-100">
             <div className="row h-100 align-items-center justify-content-center text-center">
               <div className="col-lg-10 align-self-end">
-                <h1 className="text-uppercase text-white font-weight-bold">Your Favorite Source of Free Bootstrap
-                  Themes</h1>
-                <hr className="divider my-4"/>
               </div>
               <div className="col-lg-8 align-self-baseline">
-                <p className="text-white-75 font-weight-light mb-5">Start Bootstrap can help you build better websites
-                  using the Bootstrap framework! Just download a theme and start customizing, no strings attached!</p>
-                <a className="btn btn-primary btn-xl js-scroll-trigger" href="#about" onClick={Scroller.handleAnchorScroll}>Find Out More</a>
+                <p className="text-white-75 font-weight-light mb-5">
+                  Pure breed british kitties born and raised with love in Brooklyn, NY.
+                </p>
+                <a className="btn btn-primary btn-xl js-scroll-trigger"
+                   href="#about"
+                   onClick={Scroller.handleAnchorScroll}>
+                    About us
+                </a>
               </div>
             </div>
           </div>
diff --git a/src/components/layout.js b/src/components/layout.js
index 46e3a2d..a7171c7 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -62,7 +62,9 @@ export default class Layout extends React.Component {
         <main>{this.props.children}</main>
         <footer className="bg-light py-5">
           <div className="container">
-            <div className="small text-center text-muted">Copyright &copy; 2019 - Start Bootstrap</div>
+            <a href="https://www.instagram.com/british_scottish_ny/">
+              <i className="fab fa-instagram" />
+            </a>
           </div>
         </footer>
       </div>
@@ -73,4 +75,4 @@ export default class Layout extends React.Component {
 Layout.propTypes = {
   children: PropTypes.node.isRequired,
   className: PropTypes.string,
-}
\ No newline at end of file
+}
diff --git a/src/images/portfolio/1.jpg b/src/images/portfolio/1.jpg
new file mode 100644
index 0000000..451d299
Binary files /dev/null and b/src/images/portfolio/1.jpg differ
diff --git a/src/images/portfolio/2.jpg b/src/images/portfolio/2.jpg
new file mode 100644
index 0000000..7e663c8
Binary files /dev/null and b/src/images/portfolio/2.jpg differ
diff --git a/src/images/portfolio/3.jpg b/src/images/portfolio/3.jpg
new file mode 100644
index 0000000..687ad0a
Binary files /dev/null and b/src/images/portfolio/3.jpg differ
diff --git a/src/images/portfolio/4.jpg b/src/images/portfolio/4.jpg
new file mode 100644
index 0000000..2980b51
Binary files /dev/null and b/src/images/portfolio/4.jpg differ
diff --git a/src/images/portfolio/5.jpg b/src/images/portfolio/5.jpg
new file mode 100644
index 0000000..5b0c35e
Binary files /dev/null and b/src/images/portfolio/5.jpg differ
diff --git a/src/images/portfolio/6.jpg b/src/images/portfolio/6.jpg
new file mode 100644
index 0000000..9208e90
Binary files /dev/null and b/src/images/portfolio/6.jpg differ
diff --git a/src/images/portfolio/fullsize/1.jpg b/src/images/portfolio/fullsize/1.jpg
deleted file mode 100644
index 44692cc..0000000
Binary files a/src/images/portfolio/fullsize/1.jpg and /dev/null differ
diff --git a/src/images/portfolio/fullsize/2.jpg b/src/images/portfolio/fullsize/2.jpg
deleted file mode 100644
index 0df8fde..0000000
Binary files a/src/images/portfolio/fullsize/2.jpg and /dev/null differ
diff --git a/src/images/portfolio/fullsize/3.jpg b/src/images/portfolio/fullsize/3.jpg
deleted file mode 100644
index 3b08627..0000000
Binary files a/src/images/portfolio/fullsize/3.jpg and /dev/null differ
diff --git a/src/images/portfolio/fullsize/4.jpg b/src/images/portfolio/fullsize/4.jpg
deleted file mode 100644
index 82243f2..0000000
Binary files a/src/images/portfolio/fullsize/4.jpg and /dev/null differ
diff --git a/src/images/portfolio/fullsize/5.jpg b/src/images/portfolio/fullsize/5.jpg
deleted file mode 100644
index cd87077..0000000
Binary files a/src/images/portfolio/fullsize/5.jpg and /dev/null differ
diff --git a/src/images/portfolio/fullsize/6.jpg b/src/images/portfolio/fullsize/6.jpg
deleted file mode 100644
index 9be6c5e..0000000
Binary files a/src/images/portfolio/fullsize/6.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/1.jpg b/src/images/portfolio/thumbnails/1.jpg
deleted file mode 100644
index 44692cc..0000000
Binary files a/src/images/portfolio/thumbnails/1.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/2.jpg b/src/images/portfolio/thumbnails/2.jpg
deleted file mode 100644
index 0df8fde..0000000
Binary files a/src/images/portfolio/thumbnails/2.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/3.jpg b/src/images/portfolio/thumbnails/3.jpg
deleted file mode 100644
index 3b08627..0000000
Binary files a/src/images/portfolio/thumbnails/3.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/4.jpg b/src/images/portfolio/thumbnails/4.jpg
deleted file mode 100644
index 82243f2..0000000
Binary files a/src/images/portfolio/thumbnails/4.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/5.jpg b/src/images/portfolio/thumbnails/5.jpg
deleted file mode 100644
index cd87077..0000000
Binary files a/src/images/portfolio/thumbnails/5.jpg and /dev/null differ
diff --git a/src/images/portfolio/thumbnails/6.jpg b/src/images/portfolio/thumbnails/6.jpg
deleted file mode 100644
index 9be6c5e..0000000
Binary files a/src/images/portfolio/thumbnails/6.jpg and /dev/null differ
diff --git a/src/images/thumbnail_IMG_1036.jpg b/src/images/thumbnail_IMG_1036.jpg
new file mode 100644
index 0000000..3afdecb
Binary files /dev/null and b/src/images/thumbnail_IMG_1036.jpg differ
diff --git a/src/pages/index.js b/src/pages/index.js
index a29ae6f..deb84f3 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,5 +1,5 @@
 import React from "react"
-import { graphql } from "gatsby"
+import {graphql} from "gatsby"
 import Img from "gatsby-image"
 
 import Layout from "../components/layout"
@@ -11,11 +11,11 @@ import PortfolioCarousel from "../components/portfolio/carousel"
 export default class IndexPage extends React.Component {
   constructor(props) {
     super(props)
-    Scroller.handleAnchorScroll = Scroller.handleAnchorScroll.bind(this)
+    Scroller.handleAnchorScroll = Scroller.handleAnchorScroll.bind(this);
     this.state = {
       modalShow: false,
       modalCurrent: 0
-    }
+    };
     this.handlePortfolioClick = this.handlePortfolioClick.bind(this);
     this.setModal = this.setModal.bind(this);
   }
@@ -40,146 +40,93 @@ export default class IndexPage extends React.Component {
           <div className="container">
             <div className="row justify-content-center">
               <div className="col-lg-8 text-center">
-                <h2 className="text-white mt-0">We've got what you need!</h2>
+                <h2 className="text-white mt-0">
+                  About us
+                </h2>
                 <hr className="divider light my-4"/>
-                <p className="text-white-50 mb-4">Start Bootstrap has everything you need to get your new website up
-                  and
-                  running in no time! Choose one of our open source, free to download, and easy to use themes! No
-                  strings
-                  attached!</p>
-                <a className="btn btn-light btn-xl js-scroll-trigger" href="#services"
-                   onClick={Scroller.handleAnchorScroll}>Get Started!</a>
+                <p className="text-white-50 mb-4">
+                  We are a family owned cattery who are passionate about raising purrfect four legged friends.
+                </p>
+                {/*<a className="btn btn-light btn-xl js-scroll-trigger" href="#services"*/}
+                {/*   onClick={Scroller.handleAnchorScroll}>Get Started!</a>*/}
               </div>
             </div>
           </div>
         </section>
 
-        <section className="page-section" id="services">
-          <div className="container">
-            <h2 className="text-center mt-0">At Your Service</h2>
-            <hr className="divider my-4"/>
-            <div className="row">
-              <div className="col-lg-3 col-md-6 text-center">
-                <div className="mt-5">
-                  <i className="fas fa-4x fa-gem text-primary mb-4"></i>
-                  <h3 className="h4 mb-2">Sturdy Themes</h3>
-                  <p className="text-muted mb-0">Our themes are updated regularly to keep them bug free!</p>
-                </div>
-              </div>
-              <div className="col-lg-3 col-md-6 text-center">
-                <div className="mt-5">
-                  <i className="fas fa-4x fa-laptop-code text-primary mb-4"></i>
-                  <h3 className="h4 mb-2">Up to Date</h3>
-                  <p className="text-muted mb-0">All dependencies are kept current to keep things fresh.</p>
-                </div>
-              </div>
-              <div className="col-lg-3 col-md-6 text-center">
-                <div className="mt-5">
-                  <i className="fas fa-4x fa-globe text-primary mb-4"></i>
-                  <h3 className="h4 mb-2">Ready to Publish</h3>
-                  <p className="text-muted mb-0">You can use this design as is, or you can make changes!</p>
-                </div>
-              </div>
-              <div className="col-lg-3 col-md-6 text-center">
-                <div className="mt-5">
-                  <i className="fas fa-4x fa-heart text-primary mb-4"></i>
-                  <h3 className="h4 mb-2">Made with Love</h3>
-                  <p className="text-muted mb-0">Is it really open source if it's not made with love?</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        <section id="portfolio">
+        <section id="gallery">
           <div className="container-fluid p-0">
             <div className="row no-gutters">
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="img/portfolio/fullsize/1.jpg" onClick={this.handlePortfolioClick.bind(this, 0)}>
+                <a className="portfolio-box" href="img/portfolio/1.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 0)}>
                   <Img fluid={this.props.data.images.edges[0].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="img/portfolio/fullsize/2.jpg" onClick={this.handlePortfolioClick.bind(this, 1)}>
+                <a className="portfolio-box" href="img/portfolio/2.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 1)}>
                   <Img fluid={this.props.data.images.edges[1].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="img/portfolio/fullsize/3.jpg" onClick={this.handlePortfolioClick.bind(this, 2)}>
+                <a className="portfolio-box" href="img/portfolio/3.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 2)}>
                   <Img fluid={this.props.data.images.edges[2].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="images/portfolio/fullsize/4.jpg" onClick={this.handlePortfolioClick.bind(this, 3)}>
+                <a className="portfolio-box" href="images/portfolio/4.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 3)}>
                   <Img fluid={this.props.data.images.edges[3].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="img/portfolio/fullsize/5.jpg" onClick={this.handlePortfolioClick.bind(this, 4)}>
+                <a className="portfolio-box" href="img/portfolio/5.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 4)}>
                   <Img fluid={this.props.data.images.edges[4].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
               <div className="col-lg-4 col-sm-6">
-                <a className="portfolio-box" href="img/portfolio/fullsize/6.jpg" onClick={this.handlePortfolioClick.bind(this, 5)}>
+                <a className="portfolio-box" href="img/portfolio/6.jpg"
+                   onClick={this.handlePortfolioClick.bind(this, 5)}>
                   <Img fluid={this.props.data.images.edges[5].node.childImageSharp.fluid}/>
-                  <div className="portfolio-box-caption p-3">
-                    <div className="project-category text-white-50">
-                      Category
-                    </div>
-                    <div className="project-name">
-                      Project Name
-                    </div>
-                  </div>
                 </a>
               </div>
             </div>
           </div>
         </section>
 
-        <section className="page-section bg-dark text-white">
-          <div className="container text-center">
-            <h2 className="mb-4">Free Download at Start Bootstrap!</h2>
-            <a className="btn btn-light btn-xl" href="https://startbootstrap.com/themes/creative/">Download Now!</a>
+        <section className="page-section bg-primary" id="faq">
+          <div className="container">
+            <div className="row justify-content-center">
+              <div className="col-lg-8 text-center">
+                <h2 className="text-white mt-0">FAQ</h2>
+                <hr className="divider light my-4"/>
+                <p className="text-white-50 mb-4">
+                  Q: Shots
+                  <br/>
+                  A: ...
+                </p>
+                <p className="text-white-50 mb-4">
+                  Q: Shipping
+                  <br/>
+                  A: Absolutely not!
+                </p>
+                <p className="text-white-50 mb-4">
+                  Q: Food
+                  <br/>
+                  A: ...
+                </p>
+                <p className="text-white-50 mb-4">
+                  Q: Pick up
+                  <br/>
+                  A: ...
+                </p>
+                {/*<a className="btn btn-light btn-xl js-scroll-trigger" href="#services"*/}
+                {/*   onClick={Scroller.handleAnchorScroll}>Get Started!</a>*/}
+              </div>
+            </div>
           </div>
         </section>
 
@@ -189,19 +136,21 @@ export default class IndexPage extends React.Component {
               <div className="col-lg-8 text-center">
                 <h2 className="mt-0">Let's Get In Touch!</h2>
                 <hr className="divider my-4"/>
-                <p className="text-muted mb-5">Ready to start your next project with us? Give us a call or send us an
-                  email
-                  and we will get back to you as soon as possible!</p>
+                <p className="text-muted mb-5">
+                  Ready to meet your new fluffy family member?
+                  Give us a call or send us an email
+                  and we will get back to you as soon as possible!
+                </p>
               </div>
             </div>
             <div className="row">
               <div className="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
                 <i className="fas fa-phone fa-3x mb-3 text-muted"></i>
-                <div>+1 (202) 555-0149</div>
+                <div>+1 (347) 481-9369</div>
               </div>
               <div className="col-lg-4 mr-auto text-center">
                 <i className="fas fa-envelope fa-3x mb-3 text-muted"></i>
-                <a className="d-block" href="mailto:contact@yourwebsite.com">contact@yourwebsite.com</a>
+                <a className="d-block" href="mailto:britishkittiesnyc@gmail.com">britishkittiesnyc@gmail.com</a>
               </div>
             </div>
           </div>
@@ -217,7 +166,7 @@ export default class IndexPage extends React.Component {
 
 export const imageData = graphql`
   query {
-    images: allFile(filter: {relativePath: {glob: "portfolio/fullsize/*.jpg"}}, sort: {fields: name}) {
+    images: allFile(filter: {relativePath: {glob: "portfolio/*.jpg"}}, sort: {fields: name}) {
       edges {
         node {
           childImageSharp {
@@ -229,4 +178,4 @@ export const imageData = graphql`
       }
     }
   }
-`
+`;
diff --git a/src/sass/_masthead.scss b/src/sass/_masthead.scss
index e5480b9..6a99072 100644
--- a/src/sass/_masthead.scss
+++ b/src/sass/_masthead.scss
@@ -4,7 +4,7 @@ header.masthead {
 	padding-bottom: calc(10rem - #{$navbar-height});
 	// replace the masthead.jpg image in the /img directory to change the image
 	// if the image name change, make sure to update the url path below!
-	background: linear-gradient(to bottom, #{fade-out($brown, .2)} 0%,#{fade-out($brown, .2)} 100%), url('../images/bg-masthead.jpg');
+	background: linear-gradient(to bottom, #{fade-out($brown, .75)} 0%,#{fade-out($brown, .75)} 100%), url('../images/thumbnail_IMG_1036.jpg');
 	background-position: center;
 	background-repeat: no-repeat;
 	background-attachment: scroll;
diff --git a/src/sass/_portfolio.scss b/src/sass/_portfolio.scss
index eda7a5f..e7ba02a 100644
--- a/src/sass/_portfolio.scss
+++ b/src/sass/_portfolio.scss
@@ -23,7 +23,6 @@
 				color: $white;
 				background: fade-out($primary, .1);
 				transition: opacity 0.25s ease;
-				text-align: center;
 				.project-category {
 					font-family: $font-family-sans-serif;
 					font-size: 0.85rem;
diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss
index 77ebba2..572b327 100644
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -3,7 +3,7 @@
 // Color overrides
 
 // Set a custom color
-$orange: #f4623a !default;
+$orange: #6B69D6 !default;
 $brown: #5c4d42 !default;
 
 // Set primary color to orange
@@ -19,4 +19,4 @@ $font-family-base: $font-family-serif !default;
 $headings-font-family: $font-family-sans-serif !default;
 
 // Custom variables
-$navbar-height: 72px;
\ No newline at end of file
+$navbar-height: 72px;