diff --git a/src/components/backgroundimg.js b/src/components/BackgroundImg.js
similarity index 100%
rename from src/components/backgroundimg.js
rename to src/components/BackgroundImg.js
diff --git a/src/components/button.js b/src/components/Button.js
similarity index 100%
rename from src/components/button.js
rename to src/components/Button.js
diff --git a/src/components/card.js b/src/components/Card.js
similarity index 100%
rename from src/components/card.js
rename to src/components/Card.js
diff --git a/src/components/centertext.js b/src/components/CenterText.js
similarity index 94%
rename from src/components/centertext.js
rename to src/components/CenterText.js
index 7eebcfe..b66060f 100644
--- a/src/components/centertext.js
+++ b/src/components/CenterText.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Button } from "./button";
+import { Button } from "./Button";
 import PropTypes from "prop-types";
 
 export const CenterText = (props) => {
diff --git a/src/components/form.js b/src/components/Form.js
similarity index 100%
rename from src/components/form.js
rename to src/components/Form.js
diff --git a/src/components/greenbutton.js b/src/components/GreenButton.js
similarity index 100%
rename from src/components/greenbutton.js
rename to src/components/GreenButton.js
diff --git a/src/components/header.js b/src/components/Header.js
similarity index 91%
rename from src/components/header.js
rename to src/components/Header.js
index cc7b9df..43a668f 100644
--- a/src/components/header.js
+++ b/src/components/Header.js
@@ -1,7 +1,7 @@
 import { Link } from "gatsby";
 import React from "react";
 import PropTypes from "prop-types";
-import { Nav } from "./nav";
+import { Nav } from "./Nav";
 import Logo from "../img/LogoWhite.svg";
 
 export class Header extends React.Component {
@@ -33,7 +33,7 @@ export class Header extends React.Component {
           transparent ? `` : `bg-green-400`
         } z-40 uppercase fixed w-full ease-out duration-300 transition-all`}
       >
-        <div className="flex items-center justify-between max-w-4xl mx-auto p-4 md:p-8">
+        <div className="flex justify-start mx-auto p-4 md:p-8 ">
           <Nav />
           <Link
             className={`${
diff --git a/src/components/layout.js b/src/components/Layout.js
similarity index 97%
rename from src/components/layout.js
rename to src/components/Layout.js
index d1554d8..3d8fdf2 100644
--- a/src/components/layout.js
+++ b/src/components/Layout.js
@@ -1,7 +1,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 
-import { Header } from "./header";
+import { Header } from "./Header";
 
 class Layout extends React.Component {
   render() {
diff --git a/src/components/nav.js b/src/components/Nav.js
similarity index 89%
rename from src/components/nav.js
rename to src/components/Nav.js
index a2ea5c8..8cce703 100644
--- a/src/components/nav.js
+++ b/src/components/Nav.js
@@ -1,7 +1,7 @@
 import { Link } from "gatsby";
 import React from "react";
-import { Sidebar } from "./sidebar";
-import { SocialMedia } from "./socialmedia";
+import { Sidebar } from "./Sidebar";
+import { SocialMedia } from "./SocialMedia";
 
 export class Nav extends React.Component {
   constructor(props) {
@@ -58,7 +58,7 @@ export class Nav extends React.Component {
     ];
 
     return (
-      <div>
+      <div className="">
         <Sidebar
           isExpanded={this.state.isExpanded}
           toggleExpansion={this.toggleExpansion}
@@ -78,11 +78,11 @@ export class Nav extends React.Component {
           </svg>
         </button>
         <div className="hidden md:block">
-          <div className="lg:-ml-32 flex font-bold text-xl md:text-2xl">
+          <div className="flex font-bold text-l">
             {navData.map(link => (
               <Link
                 className={
-                  "md:inline-block md:ml-6 lg:ml-12 no-underline text-white hover:text-green-100 active:text-green-600"
+                  "md:inline-block md:ml-6 lg:ml-12 mt-1 no-underline text-white hover:text-green-100 active:text-green-600"
                 }
                 key={link.title}
                 to={link.route}
diff --git a/src/components/PageContainer.js b/src/components/PageContainer.js
index 41fc841..64f765e 100644
--- a/src/components/PageContainer.js
+++ b/src/components/PageContainer.js
@@ -1,7 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 
-import Layout from "./layout";
+import Layout from "./Layout";
 
 class PageContainer extends React.Component {
   render() {
diff --git a/src/components/QuoteBlock.js b/src/components/QuoteBlock.js
new file mode 100644
index 0000000..79ace20
--- /dev/null
+++ b/src/components/QuoteBlock.js
@@ -0,0 +1,30 @@
+import React from "react";
+import PropTypes from "prop-types";
+import greenB from "../img/GreenPattern.png";
+
+export const QuoteBlock = (props) => {
+  return (
+    <div>
+    <div
+          className="bg-contain w-full "
+          style={{
+            backgroundImage: "url(" + greenB + ")",
+            minHeight: 100 + "%",
+          }}
+        >
+      <div className="flex justify-around bg-green-layover-85">
+      
+        <div className="text-center font-serif text-2xl text-white italic px-10 py-20">
+          &quot;{props.quote}&quot; <p className="text-lg"> - {props.author}</p>
+        </div>
+      </div>
+      </div>
+
+    </div>
+  );
+};
+
+QuoteBlock.propTypes = {
+  quote: PropTypes.string,
+  author: PropTypes.string,
+};
diff --git a/src/components/seo.js b/src/components/SEO.js
similarity index 100%
rename from src/components/seo.js
rename to src/components/SEO.js
diff --git a/src/components/sidebar.js b/src/components/Sidebar.js
similarity index 94%
rename from src/components/sidebar.js
rename to src/components/Sidebar.js
index 5b1fea0..2f3c339 100644
--- a/src/components/sidebar.js
+++ b/src/components/Sidebar.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Link } from "gatsby";
 import PropTypes from "prop-types";
-import { SocialMedia } from "./socialmedia";
+import { SocialMedia } from "./SocialMedia";
 
 export const Sidebar = props => {
   return (
@@ -22,7 +22,7 @@ export const Sidebar = props => {
         <div className="relative flex flex-col h-full w-full font-bold overflow-scroll">
           {props.navData.map(link => (
             <Link
-              className="text-white text-lg p-4 hover:bg-green-300"
+              className="text-white text-l p-4 hover:bg-green-300"
               key={link.title}
               to={link.route}
             >
diff --git a/src/components/socialmedia.js b/src/components/SocialMedia.js
similarity index 95%
rename from src/components/socialmedia.js
rename to src/components/SocialMedia.js
index 6f349d6..d23b0b8 100644
--- a/src/components/socialmedia.js
+++ b/src/components/SocialMedia.js
@@ -5,7 +5,7 @@ export const SocialMedia = () => {
     <div className="flex mt-1">
       <a href="https://www.instagram.com/dinrytm/">
         <svg
-          className="h-6 w-6 ml-8 fill-current text-white"
+          className="h-6 w-6 ml-8 fill-current text-white hover:text-green-100"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 511 511.9"
         >
@@ -16,7 +16,7 @@ export const SocialMedia = () => {
       </a>
       <a href="https://www.facebook.com/dinrytm/">
         <svg
-          className="h-6 w-6 mx-2 fill-current text-white"
+          className="h-6 w-6 mx-2 fill-current text-white hover:text-green-100"
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 60.734 60.733"
         >
diff --git a/src/components/submenu.js b/src/components/SubMenu.js
similarity index 100%
rename from src/components/submenu.js
rename to src/components/SubMenu.js
diff --git a/src/components/textbox.js b/src/components/Textbox.js
similarity index 100%
rename from src/components/textbox.js
rename to src/components/Textbox.js
diff --git a/src/components/textboxrow.js b/src/components/TextboxRow.js
similarity index 91%
rename from src/components/textboxrow.js
rename to src/components/TextboxRow.js
index e3b0876..a4bacb4 100644
--- a/src/components/textboxrow.js
+++ b/src/components/TextboxRow.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { Textbox } from "./textbox";
+import { Textbox } from "./Textbox";
 import PropTypes from "prop-types";
 
 
diff --git a/src/img/GreenPattern.png b/src/img/GreenPattern.png
index 59b3d8c..7b51731 100644
Binary files a/src/img/GreenPattern.png and b/src/img/GreenPattern.png differ
diff --git a/src/pages/404.js b/src/pages/404.js
index b608165..8fdebe3 100644
--- a/src/pages/404.js
+++ b/src/pages/404.js
@@ -1,7 +1,7 @@
 import React from "react";
 
-import Layout from "../components/layout";
-import SEO from "../components/seo";
+import Layout from "../components/Layout";
+import SEO from "../components/SEO";
 import spiralingStairs from "../img/SpiralingStairs.jpg";
 
 function NotFoundPage() {
diff --git a/src/pages/lasmer.js b/src/pages/lasmer.js
index fbf2814..53bf82f 100644
--- a/src/pages/lasmer.js
+++ b/src/pages/lasmer.js
@@ -1,9 +1,9 @@
 import React from "react";
 
 import PageContainer from "../components/PageContainer";
-import SEO from "../components/seo";
-import { Card } from "../components/card";
-import { GreenButton } from "../components/greenbutton";
+import SEO from "../components/SEO";
+import { Card } from "../components/Card";
+import { GreenButton } from "../components/GreenButton";
 import { graphql, StaticQuery } from "gatsby";
 
 class LasMer extends React.Component {
diff --git a/src/pages/tjanster.js b/src/pages/tjanster.js
index cce5052..3d913e7 100644
--- a/src/pages/tjanster.js
+++ b/src/pages/tjanster.js
@@ -1,8 +1,8 @@
 import React from "react";
 
 import PageContainer from "../components/PageContainer";
-import SEO from "../components/seo";
-import { Card } from "../components/card";
+import SEO from "../components/SEO";
+import { Card } from "../components/Card";
 import { graphql, StaticQuery } from "gatsby";
 
 class Tjanster extends React.Component {
diff --git a/src/templates/index.js b/src/templates/index.js
index 093468c..520e870 100644
--- a/src/templates/index.js
+++ b/src/templates/index.js
@@ -1,13 +1,13 @@
 import React from "react";
 import { graphql, StaticQuery } from "gatsby";
 
-import Layout from "../components/layout";
-import SEO from "../components/seo";
+import Layout from "../components/Layout";
+import SEO from "../components/SEO";
 //import Poppy from "../img/poppy.jpg";
 import greenB from "../img/GreenPattern.png";
-import { BackgroundImg } from "../components/backgroundimg";
-import { TextboxRow } from "../components/textboxrow";
-import { CenterText } from "../components/centertext";
+import { BackgroundImg } from "../components/BackgroundImg";
+import { TextboxRow } from "../components/TextboxRow";
+import { CenterText } from "../components/CenterText";
 
 class IndexPage extends React.Component {
   render() {
@@ -53,7 +53,7 @@ class IndexPage extends React.Component {
             <Layout isIndex={true}>
               <SEO
                 keywords={[`Fertilitet`, `Din rytm`, `yoga`, `mediyoga`]}
-                title="Home"
+                title="Din rytm"
               />
               <CenterText text={data.markdownRemark.frontmatter.slogan} />
               <section className="block z-30 pb-20 bg-white">
diff --git a/src/templates/kontakt.js b/src/templates/kontakt.js
index 4d1003d..d796dfd 100644
--- a/src/templates/kontakt.js
+++ b/src/templates/kontakt.js
@@ -3,8 +3,8 @@ import { graphql } from "gatsby";
 import PropTypes from "prop-types";
 
 import PageContainer from "../components/PageContainer";
-import SEO from "../components/seo";
-import Form from "../components/form";
+import SEO from "../components/SEO";
+import Form from "../components/Form";
 
 export default function Kontakt({ data }) {
   const info = data.markdownRemark.frontmatter;
@@ -16,7 +16,7 @@ export default function Kontakt({ data }) {
       />
       <PageContainer>
         <div></div>
-        <div className="font-bold text-3xl py-4">Kontakt:</div>
+        <div className="font-bold text-3xl py-4 px-8">Kontakt:</div>
         <p className="pb-8 px-8">
           <b>Malin Söderberg</b>
           <br></br>
diff --git a/src/templates/om.js b/src/templates/om.js
index 8d2161b..baf820c 100644
--- a/src/templates/om.js
+++ b/src/templates/om.js
@@ -3,7 +3,7 @@ import { graphql } from "gatsby";
 import PropTypes from "prop-types";
 
 import PageContainer from "../components/PageContainer";
-import SEO from "../components/seo";
+import SEO from "../components/SEO";
 import CompatibleImage from "../components/CompatibleImage";
 
 export default function Om({ data }) {
diff --git a/src/templates/tjanst.js b/src/templates/tjanst.js
index e7db705..4f27068 100644
--- a/src/templates/tjanst.js
+++ b/src/templates/tjanst.js
@@ -2,6 +2,7 @@ import React from "react";
 import { graphql } from "gatsby";
 import PageContainer from "../components/PageContainer";
 import PropTypes from "prop-types";
+import { QuoteBlock } from "../components/QuoteBlock";
 
 export default function Tjanst({ data }) {
   const post = data.markdownRemark;
@@ -37,6 +38,7 @@ export default function Tjanst({ data }) {
         className="p-8 break-words text-sm"
         dangerouslySetInnerHTML={{ __html: post.html }}
       />
+      <QuoteBlock quote={"Det var ett värdefullt möte och jag känner mig peppad och glad."} author={"Ulrika, 34 år"}/>
     </PageContainer>
   );
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 3837c17..d2a0074 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,6 +4,8 @@ module.exports = {
   theme: {
     colors: {
       green: {
+        'layover-85': tinycolor('#4A5950').setAlpha(0.85).toRgbString(),
+        'layover-75': tinycolor('#4A5950').setAlpha(0.75).toRgbString(),
         'layover-50': tinycolor('#4A5950').setAlpha(0.5).toRgbString(),
         'layover-25': tinycolor('#4A5950').setAlpha(0.25).toRgbString(),
         '600': '#4A5950',