diff --git a/.prettierrc b/.prettierrc
index ee41b74..d421234 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,5 +4,5 @@
     "semi": true,
     "singleQuote": true,
     "proseWrap": "preserve",
-    "printWidth": 120
+    "printWidth": 100
 }
diff --git a/package.json b/package.json
index c7ca6e2..e8c097e 100755
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
         "firebase": "^5.5.8",
         "firebase-admin": "^6.1.0",
         "firestore-export-import": "^0.1.6",
+        "global": "^4.3.2",
         "grommet": "^1.11.0",
         "har-validator": "^5.1.3",
         "next": "^7.0.1",
@@ -18,6 +19,7 @@
         "next-routes": "^1.4.2",
         "node-pre-gyp": "^0.12.0",
         "node-sass": "^4.10.0",
+        "now": "^12.1.9",
         "react": "^16.6.1",
         "react-dom": "^16.6.1",
         "react-parallax": "^2.0.1",
diff --git a/pages/Contact.js b/pages/Contact.js
index cae203b..adca5ed 100644
--- a/pages/Contact.js
+++ b/pages/Contact.js
@@ -28,19 +28,24 @@ class Contact extends Component {
             });
 
         const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -69,13 +74,7 @@ class Contact extends Component {
             );
         }
 
-        return (
-            <Button
-                label="Submit"
-                accent
-                style={{ margin: '20px 45% 0% 45%', width: '10%' }}
-            />
-        );
+        return <Button label="Submit" accent style={{ margin: '20px 45% 0% 45%', width: '10%' }} />;
     }
 
     render() {
@@ -101,25 +100,17 @@ class Contact extends Component {
                                 border: 'none'
                             }}
                             type="text"
-                            onChange={event =>
-                                this.setState({ name: event.target.value })
-                            }
+                            onChange={event => this.setState({ name: event.target.value })}
                         />
                     </FormField>
-                    <FormField
-                        label="Email Address"
-                        size="medium"
-                        help="Required"
-                    >
+                    <FormField label="Email Address" size="medium" help="Required">
                         <input
                             style={{
                                 fontWeight: 'lighter',
                                 border: 'none'
                             }}
                             type="email"
-                            onChange={event =>
-                                this.setState({ email: event.target.value })
-                            }
+                            onChange={event => this.setState({ email: event.target.value })}
                         />
                     </FormField>
 
@@ -135,9 +126,7 @@ class Contact extends Component {
                             placeholder="Message"
                             name="message"
                             rows={10}
-                            onChange={event =>
-                                this.setState({ message: event.target.value })
-                            }
+                            onChange={event => this.setState({ message: event.target.value })}
                         />
                     </FormField>
 
diff --git a/pages/Gallery.js b/pages/Gallery.js
index 0c44934..f04c228 100644
--- a/pages/Gallery.js
+++ b/pages/Gallery.js
@@ -7,6 +7,10 @@ import { Image, Transformation } from 'cloudinary-react';
 import serviceAccount from '../firebasekeys.json';
 import * as types from '../redux/types.js';
 import ImageModal from '../components/ImageModal';
+import Anchor from 'grommet/components/Anchor';
+import Heading from 'grommet/components/Heading';
+import CaretBackIcon from 'grommet/components/icons/base/CaretBack';
+import CaretNextIcon from 'grommet/components/icons/base/CaretNext';
 
 class Gallery extends Component {
     static async getInitialProps({ req, query, store, isServer }) {
@@ -34,12 +38,18 @@ class Gallery extends Component {
             });
 
         const links = [];
-        db.database()
+        const archive = [];
+        req.firebaseServer
+            .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
@@ -61,7 +71,7 @@ class Gallery extends Component {
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -71,37 +81,84 @@ class Gallery extends Component {
     }
 
     state = {
-        selectedImage: ''
+        selectedImage: '',
+        page: 1
     };
 
     renderImages = () => {
         //const width = window.innerWidth() / 5;
 
+        let count = -1;
         const images = this.props.gallery.map(src => {
-            return (
-                <div
-                    onClick={() => this.setState({ selectedImage: src })}
-                    style={{ margin: '1vw' }}
-                >
-                    <Image
-                        cloudName="sageprosthetics"
-                        publicId={src}
-                        width="248"
-                        height="186"
-                        //crop="scale"
-                    />
-                </div>
-            );
+            count++;
+            if (count >= (this.state.page - 1) * 20 && count < this.state.page * 20) {
+                console.log(src);
+                return (
+                    <div
+                        onClick={() => this.setState({ selectedImage: src })}
+                        style={{ margin: '1vw' }}
+                    >
+                        <Image
+                            cloudName="sageprosthetics"
+                            publicId={src}
+                            width="248"
+                            height="186"
+                            //crop="scale"
+                        />
+                    </div>
+                );
+            }
         });
 
-        return images.reverse();
+        return images;
+    };
+
+    renderAnchorTags = () => {
+        let anchors = [];
+        anchors.push(
+            <Anchor
+                icon={<CaretBackIcon />}
+                label=""
+                onClick={() => this.setState({ page: this.state.page - 1 })}
+                disabled={this.state.page === 1}
+                key="<"
+            />
+        );
+        for (let a = 1; a <= Math.ceil(this.props.gallery.length / 20); a++) {
+            anchors.push(
+                <Anchor
+                    onClick={() => this.setState({ page: a })}
+                    key={a}
+                    style={{ margin: '15px 10px 0px 10px' }}
+                    className={a === this.state.page ? 'text active' : 'text'}
+                >
+                    {' '}
+                    <Heading tag="h3">{a}</Heading>{' '}
+                </Anchor>
+            );
+        }
+        anchors.push(
+            <Anchor
+                icon={<CaretNextIcon />}
+                label=""
+                onClick={() => this.setState({ page: this.state.page + 1 })}
+                disabled={
+                    !this.props.gallery ||
+                    this.state.page == Math.ceil(this.props.gallery.length / 20)
+                }
+                key=">"
+            />
+        );
+        return anchors;
     };
 
     render() {
+        console.log(this.state.page);
         return (
             <div style={{ margin: '0% 5% 0% 5%' }}>
                 <title> Gallery | Sage Prosthetics </title>
                 <h2 style={{ textAlign: 'center' }}>Photo Gallery</h2>
+
                 <div
                     style={{
                         display: 'flex',
@@ -113,11 +170,37 @@ class Gallery extends Component {
                     {this.renderImages()}
                 </div>
 
+                <div
+                    style={{
+                        display: 'flex',
+                        flexDirection: 'row',
+                        justifyContent: 'center',
+                        alignItems: 'center'
+                    }}
+                >
+                    {this.renderAnchorTags()}
+                </div>
+
                 <ImageModal
                     show={this.state.selectedImage !== ''}
                     src={this.state.selectedImage}
                     onToggleModal={() => this.setState({ selectedImage: '' })}
                 />
+                <style jsx>{`
+                    .text {
+                        color: #416989;
+                        font-weight: 500;
+                    }
+                    .text:hover {
+                        color: #7ed4c6;
+                        text-decoration: none;
+                        text-decoration-color: #7ed4c6;
+                    }
+                    .active {
+                        color: #7ed4c6;
+                        text-decoration: none;
+                    }
+                `}</style>
             </div>
         );
     }
@@ -125,7 +208,7 @@ class Gallery extends Component {
 
 const mapStateToProps = state => {
     return {
-        gallery: state.gallery
+        gallery: state.gallery.reverse()
     };
 };
 
diff --git a/pages/Group.js b/pages/Group.js
index 1cbc219..02d6403 100644
--- a/pages/Group.js
+++ b/pages/Group.js
@@ -14,13 +14,18 @@ class Group extends Component {
         });
 
         const links = [];
+        const archive = [];
         req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
@@ -72,7 +77,7 @@ class Group extends Component {
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -149,13 +154,7 @@ class Group extends Component {
                             width="150"
                             //crop="scale"
                         >
-                            <Transformation
-                                width="1000"
-                                height="1000"
-                                gravity="face"
-                                radius="500"
-                                crop="thumb"
-                            />
+                            <Transformation width="1000" height="1000" gravity="face" radius="500" crop="thumb" />
                         </Image>
                         <h3
                             style={{
@@ -199,13 +198,7 @@ class Group extends Component {
                             width="150"
                             //crop="scale"
                         >
-                            <Transformation
-                                width="1000"
-                                height="1000"
-                                gravity="face"
-                                radius="500"
-                                crop="thumb"
-                            />
+                            <Transformation width="1000" height="1000" gravity="face" radius="500" crop="thumb" />
                         </Image>
                         <h4
                             style={{
@@ -231,16 +224,9 @@ class Group extends Component {
         return (
             <div style={{ margin: '0% 15% 0% 15%' }}>
                 <title> Our Group | Sage Prosthetics </title>
-                <h2 style={{ textAlign: 'center' }}>
-                    {' '}
-                    Meet our Service Group{' '}
-                </h2>
+                <h2 style={{ textAlign: 'center' }}> Meet our Service Group </h2>
 
-                <div
-                    style={{ display: 'flex', justifyContent: 'space-around' }}
-                >
-                    {this.renderFaculty()}
-                </div>
+                <div style={{ display: 'flex', justifyContent: 'space-around' }}>{this.renderFaculty()}</div>
 
                 <div
                     style={{
diff --git a/pages/Hand.js b/pages/Hand.js
index 6a8fbf9..c2e7901 100644
--- a/pages/Hand.js
+++ b/pages/Hand.js
@@ -36,19 +36,24 @@ class Hand extends Component {
             });
 
         const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -71,13 +76,7 @@ class Hand extends Component {
             .sort((a, b) => b.order - a.order)
             .map(design => {
                 const bulletpoints = Object.keys(design).map(key => {
-                    if (
-                        key == 1 ||
-                        key == 2 ||
-                        key == 3 ||
-                        key == 4 ||
-                        key == 0
-                    ) {
+                    if (key == 1 || key == 2 || key == 3 || key == 4 || key == 0) {
                         return <li> {design[key]} </li>;
                     }
                 });
@@ -89,12 +88,7 @@ class Hand extends Component {
                         <Card
                             heading={design.name}
                             description={<ul> {bulletpoints} </ul>}
-                            link={
-                                <Anchor
-                                    href={design.link}
-                                    label="View on ThingiVerse"
-                                />
-                            }
+                            link={<Anchor href={design.link} label="View on ThingiVerse" />}
                         >
                             <Image
                                 cloudName="sageprosthetics"
diff --git a/pages/Layout.js b/pages/Layout.js
index 008f9dd..5083ab8 100644
--- a/pages/Layout.js
+++ b/pages/Layout.js
@@ -48,13 +48,26 @@ class Layout extends Component {
     }
 
     renderHeader() {
-        console.log(this.props.projects);
+        console.log(this.props.recipients);
+        const { archive, links } = this.props.recipients;
         let archiveactive = false;
-        this.props.recipients.forEach(recipient => {
-            if (recipient === this.props.page) {
-                archiveactive = true;
-            }
-        });
+
+        if (archive) {
+            archive.forEach(recipient => {
+                if (recipient === this.props.page) {
+                    archiveactive = true;
+                }
+            });
+        }
+
+        let linksactive = archiveactive;
+        if (links) {
+            links.forEach(recipient => {
+                if (recipient === this.props.page) {
+                    linksactive = true;
+                }
+            });
+        }
 
         let projectsactive = false;
         this.props.projects.forEach(project => {
@@ -64,10 +77,18 @@ class Layout extends Component {
         });
 
         return (
-            <Header fixed={true} width="full" style={{ padding: '0% 1.5% 0% 1.5%', height: '7vw', zIndex: 1 }}>
+            <Header
+                fixed={true}
+                width="full"
+                style={{ padding: '0% 1.5% 0% 1.5%', height: '7vw', zIndex: 1 }}
+            >
                 <Title>
                     <a style={{ fontSize: '30px', margin: 0 }} href="/">
-                        <img src="/static/biglogo.png" alt="logo" style={{ height: '5vw', marginBottom: 0 }} />
+                        <img
+                            src="/static/biglogo.png"
+                            alt="logo"
+                            style={{ height: '5vw', marginBottom: 0 }}
+                        />
                     </a>
                 </Title>
                 <Box flex={true} justify="end" direction="row" responsive={false}>
@@ -93,7 +114,9 @@ class Layout extends Component {
                                     setTimeout(() => window.scrollTo(0, help), 0);
                                 }}
                             >
-                                <div className={archiveactive ? 'text active' : 'text'}>Recipients</div>
+                                <div className={linksactive ? 'text active' : 'text'}>
+                                    Recipients
+                                </div>
                             </a>
                             <Popover
                                 placement="bottom"
@@ -114,6 +137,30 @@ class Layout extends Component {
                                     //top: window.scrollY + 'px'
                                 }}
                             >
+                                {links
+                                    ? links.map(recipient => {
+                                          let text = 'text';
+                                          if (recipient === this.props.page) {
+                                              archiveactive = true;
+                                              text = 'text active';
+                                          }
+                                          return (
+                                              <Link
+                                                  href={`/recipient/${recipient}`}
+                                                  key={recipient}
+                                              >
+                                                  <a
+                                                      style={{
+                                                          color: '#7ed4c6'
+                                                      }}
+                                                      href={`/recipient/${recipient}`}
+                                                  >
+                                                      <div className={text}>{recipient}</div>
+                                                  </a>
+                                              </Link>
+                                          );
+                                      })
+                                    : null}
                                 <a
                                     ref="target2"
                                     style={{
@@ -129,7 +176,9 @@ class Layout extends Component {
                                         setTimeout(() => window.scrollTo(0, help), 0);
                                     }}
                                 >
-                                    <div className={archiveactive ? 'text active' : 'text'}>Archive</div>
+                                    <div className={archiveactive ? 'text active' : 'text'}>
+                                        Archive
+                                    </div>
                                     <div
                                         style={{
                                             textDecoration: 'none',
@@ -157,25 +206,32 @@ class Layout extends Component {
                                     }}
                                 >
                                     <>
-                                        {this.props.recipients.map(recipient => {
-                                            let text = 'text';
-                                            if (recipient === this.props.page) {
-                                                archiveactive = true;
-                                                text = 'text active';
-                                            }
-                                            return (
-                                                <Link href={`/recipient/${recipient}`} key={recipient}>
-                                                    <a
-                                                        style={{
-                                                            color: '#7ed4c6'
-                                                        }}
-                                                        href={`/recipient/${recipient}`}
-                                                    >
-                                                        <div className={text}>{recipient}</div>
-                                                    </a>
-                                                </Link>
-                                            );
-                                        })}
+                                        {archive
+                                            ? archive.map(recipient => {
+                                                  let text = 'text';
+                                                  if (recipient === this.props.page) {
+                                                      archiveactive = true;
+                                                      text = 'text active';
+                                                  }
+                                                  return (
+                                                      <Link
+                                                          href={`/recipient/${recipient}`}
+                                                          key={recipient}
+                                                      >
+                                                          <a
+                                                              style={{
+                                                                  color: '#7ed4c6'
+                                                              }}
+                                                              href={`/recipient/${recipient}`}
+                                                          >
+                                                              <div className={text}>
+                                                                  {recipient}
+                                                              </div>
+                                                          </a>
+                                                      </Link>
+                                                  );
+                                              })
+                                            : null}
                                     </>
                                 </Popover>
                             </Popover>
@@ -195,7 +251,9 @@ class Layout extends Component {
                                     setTimeout(() => window.scrollTo(0, help), 0);
                                 }}
                             >
-                                <div className={projectsactive ? 'text active' : 'text'}>Projects</div>
+                                <div className={projectsactive ? 'text active' : 'text'}>
+                                    Projects
+                                </div>
                             </a>
                             <Popover
                                 placement="bottom"
@@ -221,7 +279,10 @@ class Layout extends Component {
                                     }
                                     return (
                                         <Link href={`/projects/${project}`} key={project}>
-                                            <a style={{ color: '#7ed4c6' }} href={`/projects/${project}`}>
+                                            <a
+                                                style={{ color: '#7ed4c6' }}
+                                                href={`/projects/${project}`}
+                                            >
                                                 <div className={text}>{project}</div>
                                             </a>
                                         </Link>
@@ -235,7 +296,13 @@ class Layout extends Component {
                                 <li className="nav-item" style={styles.navlink} key={link.link}>
                                     <Link>
                                         <a style={{ color: '#7ed4c6' }} href={link.link}>
-                                            <div className={this.props.page === link.page ? 'text active' : 'text'}>
+                                            <div
+                                                className={
+                                                    this.props.page === link.page
+                                                        ? 'text active'
+                                                        : 'text'
+                                                }
+                                            >
                                                 {link.text}
                                             </div>
                                         </a>
diff --git a/pages/PrivacyPolicy.js b/pages/PrivacyPolicy.js
index d8b7c4f..d9fe0c6 100644
--- a/pages/PrivacyPolicy.js
+++ b/pages/PrivacyPolicy.js
@@ -22,19 +22,24 @@ class PrivacyPolicy extends Component {
             });
 
         const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -49,48 +54,35 @@ class PrivacyPolicy extends Component {
                 <title> Privacy Policy | Sage Prosthetics </title>
                 <h2 style={{ textAlign: 'center' }}> Privacy Policy </h2>
                 <div>
-                    This privacy policy has been compiled to better serve those
-                    who are concerned with how their 'Personally identifiable
-                    information' (PII) is being used online. PII, as used in US
-                    privacy law and information security, is information that
-                    can be used on its own or with other information to
-                    identify, contact, or locate a single person, or to identify
-                    an individual in context. Please read our privacy policy
-                    carefully to get a clear understanding of how we collect,
-                    use, protect or otherwise handle your Personally
-                    Identifiable Information in accordance with our website.
+                    This privacy policy has been compiled to better serve those who are concerned with how their
+                    'Personally identifiable information' (PII) is being used online. PII, as used in US privacy law and
+                    information security, is information that can be used on its own or with other information to
+                    identify, contact, or locate a single person, or to identify an individual in context. Please read
+                    our privacy policy carefully to get a clear understanding of how we collect, use, protect or
+                    otherwise handle your Personally Identifiable Information in accordance with our website.
                 </div>
 
                 <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    What personal information do we collect from the people that
-                    visit our website?
+                    What personal information do we collect from the people that visit our website?
                 </h3>
                 <div>
-                    When filling out a contact form on our site, as appropriate,
-                    you may be asked to enter your name, email address or other
-                    details to help you with your experience.
+                    When filling out a contact form on our site, as appropriate, you may be asked to enter your name,
+                    email address or other details to help you with your experience.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    When do we collect information?
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>When do we collect information?</h3>
                 <div>
-                    We collect information from you when you fill out a contact
-                    form or enter information on our site.
+                    We collect information from you when you fill out a contact form or enter information on our site.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    How do we protect visitor information?
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>How do we protect visitor information?</h3>
                 <ul>
                     <li style={styles.list}>
                         {
                             'Our website is scanned on a regular basis for security holes and known vulnerabilities in order to make your visit to our site as safe as possible.'
                         }
                     </li>
-                    <li style={styles.list}>
-                        We use regular Malware Scanning.
-                    </li>
+                    <li style={styles.list}>We use regular Malware Scanning.</li>
                     <li style={styles.list}>
                         {
                             'We implement a variety of security measures when a user enters, submits, or accesses their information to maintain the safety of your personal information.'
@@ -98,123 +90,83 @@ class PrivacyPolicy extends Component {
                     </li>
                 </ul>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    Do we use 'cookies'?
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>Do we use 'cookies'?</h3>
                 <div>
-                    Yes. Cookies are small files that a site or its service
-                    provider transfers to your computer's hard drive through
-                    your Web browser (if you allow) that enables the site's or
-                    service provider's systems to recognize your browser and
-                    capture and remember certain information. They are also used
-                    to help us understand your preferences based on previous or
-                    current site activity, which enables us to provide you with
-                    improved services. We also use cookies to help us compile
-                    aggregate data about site traffic and site interaction so
-                    that we can offer better site experiences and tools in the
-                    future.
+                    Yes. Cookies are small files that a site or its service provider transfers to your computer's hard
+                    drive through your Web browser (if you allow) that enables the site's or service provider's systems
+                    to recognize your browser and capture and remember certain information. They are also used to help
+                    us understand your preferences based on previous or current site activity, which enables us to
+                    provide you with improved services. We also use cookies to help us compile aggregate data about site
+                    traffic and site interaction so that we can offer better site experiences and tools in the future.
                     <br /> <br />
                     We use cookies to:
                 </div>
                 <ul>
                     <li style={styles.list}>
-                        Compile aggregate data about site traffic and site
-                        interactions in order to offer better site experiences
-                        and tools in the future. We may also use trusted third
-                        party services that track this information on our
-                        behalf.
+                        Compile aggregate data about site traffic and site interactions in order to offer better site
+                        experiences and tools in the future. We may also use trusted third party services that track
+                        this information on our behalf.
                     </li>
                     <li style={styles.list}>
-                        You can choose to have your computer warn you each time
-                        a cookie is being sent, or you can choose to turn off
-                        all cookies. You do this through your browser (like
-                        Internet Explorer) settings. Each browser is a little
-                        different, so look at your browser's Help menu to learn
-                        the correct way to modify your cookies.
+                        You can choose to have your computer warn you each time a cookie is being sent, or you can
+                        choose to turn off all cookies. You do this through your browser (like Internet Explorer)
+                        settings. Each browser is a little different, so look at your browser's Help menu to learn the
+                        correct way to modify your cookies.
                     </li>
                 </ul>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    Third Party Disclosure
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>Third Party Disclosure</h3>
                 <div>
-                    We do not sell, trade, or otherwise transfer to outside
-                    parties your personally identifiable information unless we
-                    provide you with advance notice. This does not include
-                    website hosting partners and other parties who assist us in
-                    operating our website, conducting our business, or servicing
-                    you, so long as those parties agree to keep this information
-                    confidential. We may also release your information when we
-                    believe release is appropriate to comply with the law,
-                    enforce our site policies, or protect ours or others'
-                    rights, property, or safety.
+                    We do not sell, trade, or otherwise transfer to outside parties your personally identifiable
+                    information unless we provide you with advance notice. This does not include website hosting
+                    partners and other parties who assist us in operating our website, conducting our business, or
+                    servicing you, so long as those parties agree to keep this information confidential. We may also
+                    release your information when we believe release is appropriate to comply with the law, enforce our
+                    site policies, or protect ours or others' rights, property, or safety.
                     <br /> <br />
-                    However, non-personally identifiable visitor information may
-                    be provided to other parties for marketing, advertising, or
-                    other uses.
+                    However, non-personally identifiable visitor information may be provided to other parties for
+                    marketing, advertising, or other uses.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    Third party links
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>Third party links</h3>
                 <div>
-                    Occasionally, at our discretion, we may include or offer
-                    third party products or services on our website. These third
-                    party sites have separate and independent privacy policies.
-                    We therefore have no responsibility or liability for the
-                    content and activities of these linked sites. Nonetheless,
-                    we seek to protect the integrity of our site and welcome any
-                    feedback about these sites.
+                    Occasionally, at our discretion, we may include or offer third party products or services on our
+                    website. These third party sites have separate and independent privacy policies. We therefore have
+                    no responsibility or liability for the content and activities of these linked sites. Nonetheless, we
+                    seek to protect the integrity of our site and welcome any feedback about these sites.
                 </div>
 
                 <h3 style={{ fontWeight: '500', marginTop: '1em' }}>Google</h3>
                 <div>
                     We use Google Analytics on our website. <br /> <br />
-                    <span style={{ fontWeight: '600' }}>
-                        {' '}
-                        We have implemented the following:{' '}
-                    </span>
+                    <span style={{ fontWeight: '600' }}> We have implemented the following: </span>
                     <br />
                     <ul>
-                        <li style={styles.list}>
-                            Demographics and Interests Reporting
-                        </li>
+                        <li style={styles.list}>Demographics and Interests Reporting</li>
                     </ul>
-                    We along with third-party vendors, such as Google use
-                    first-party cookies (such as the Google Analytics cookies)
-                    and third-party cookies (such as the DoubleClick cookie) or
-                    other third-party identifiers together. <br /> <br />
-                    We use them to compile data regarding user interactions to
-                    improve our site.
+                    We along with third-party vendors, such as Google use first-party cookies (such as the Google
+                    Analytics cookies) and third-party cookies (such as the DoubleClick cookie) or other third-party
+                    identifiers together. <br /> <br />
+                    We use them to compile data regarding user interactions to improve our site.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    California Online Privacy Protection Act
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>California Online Privacy Protection Act</h3>
                 <div>
-                    CalOPPA is the first state law in the nation to require
-                    commercial websites and online services to post a privacy
-                    policy. The law's reach stretches well beyond California to
-                    require a person or company in the United States (and
-                    conceivably the world) that operates websites collecting
-                    personally identifiable information from California
-                    consumers to post a conspicuous privacy policy on its
-                    website stating exactly the information being collected and
-                    those individuals with whom it is being shared, and to
-                    comply with this policy. - See more at:
+                    CalOPPA is the first state law in the nation to require commercial websites and online services to
+                    post a privacy policy. The law's reach stretches well beyond California to require a person or
+                    company in the United States (and conceivably the world) that operates websites collecting
+                    personally identifiable information from California consumers to post a conspicuous privacy policy
+                    on its website stating exactly the information being collected and those individuals with whom it is
+                    being shared, and to comply with this policy. - See more at:
                     http://consumercal.org/california-online-privacy-protection-act-caloppa/#sthash.0FdRbT51.dpuf
                     <br /> <br />
-                    <span style={{ fontWeight: '600' }}>
-                        According to CalOPPA we agree to the following:
-                    </span>
+                    <span style={{ fontWeight: '600' }}>According to CalOPPA we agree to the following:</span>
                     <br /> <br />
                     Users can visit our site anonymously. <br /> <br />
-                    Once this privacy policy is created, we will add a link to
-                    it on our home page, or as a minimum on the first
-                    significant page after entering our website. <br /> <br />
-                    Our Privacy Policy link includes the word 'Privacy', and can
-                    be easily be found on the page specified above. <br />{' '}
-                    <br /> Users will be notified of any privacy policy changes:
+                    Once this privacy policy is created, we will add a link to it on our home page, or as a minimum on
+                    the first significant page after entering our website. <br /> <br />
+                    Our Privacy Policy link includes the word 'Privacy', and can be easily be found on the page
+                    specified above. <br /> <br /> Users will be notified of any privacy policy changes:
                     <br />
                     <ul>
                         <li style={styles.list}>On our Privacy Policy Page</li>
@@ -225,111 +177,72 @@ class PrivacyPolicy extends Component {
                     </ul>
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    COPPA (Children Online Privacy Protection Act)
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>COPPA (Children Online Privacy Protection Act)</h3>
                 <div>
-                    When it comes to the collection of personal information from
-                    children under 13, the Children's Online Privacy Protection
-                    Act (COPPA) puts parents in control. The Federal Trade
-                    Commission, the nation's consumer protection agency,
-                    enforces the COPPA Rule, which spells out what operators of
-                    websites and online services must do to protect children's
-                    privacy and safety online. <br /> We do not specifically
-                    market to children under 13.
+                    When it comes to the collection of personal information from children under 13, the Children's
+                    Online Privacy Protection Act (COPPA) puts parents in control. The Federal Trade Commission, the
+                    nation's consumer protection agency, enforces the COPPA Rule, which spells out what operators of
+                    websites and online services must do to protect children's privacy and safety online. <br /> We do
+                    not specifically market to children under 13.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    Fair Information Act
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>Fair Information Act</h3>
                 <div>
-                    The Fair Information Practices Principles form the backbone
-                    of privacy law in the United States and the concepts they
-                    include have played a significant role in the development of
-                    data protection laws around the globe. Understanding the
-                    Fair Information Practice Principles and how they should be
-                    implemented is critical to comply with the various privacy
-                    laws that protect personal information. <br /> <br />
+                    The Fair Information Practices Principles form the backbone of privacy law in the United States and
+                    the concepts they include have played a significant role in the development of data protection laws
+                    around the globe. Understanding the Fair Information Practice Principles and how they should be
+                    implemented is critical to comply with the various privacy laws that protect personal information.{' '}
+                    <br /> <br />
                     <span style={{ fontWeight: '500' }}>
-                        In order to be in line with Fair Information Practices
-                        we will take the following responsive action, should a
-                        data breach occur:
+                        In order to be in line with Fair Information Practices we will take the following responsive
+                        action, should a data breach occur:
                     </span>
                     <ul>
                         <li style={styles.list}>
-                            We will notify the users via in site notification
-                            within 7 business days
+                            We will notify the users via in site notification within 7 business days
                         </li>
                     </ul>
-                    We also agree to the individual redress principle, which
-                    requires that individuals have a right to pursue legally
-                    enforceable rights against data collectors and processors
-                    who fail to adhere to the law. This principle requires not
-                    only that individuals have enforceable rights against data
-                    users, but also that individuals have recourse to courts or
-                    a government agency to investigate and/or prosecute
-                    non-compliance by data processors.
+                    We also agree to the individual redress principle, which requires that individuals have a right to
+                    pursue legally enforceable rights against data collectors and processors who fail to adhere to the
+                    law. This principle requires not only that individuals have enforceable rights against data users,
+                    but also that individuals have recourse to courts or a government agency to investigate and/or
+                    prosecute non-compliance by data processors.
                 </div>
 
-                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>
-                    CAN SPAM Act
-                </h3>
+                <h3 style={{ fontWeight: '500', marginTop: '1em' }}>CAN SPAM Act</h3>
                 <div>
-                    The CAN-SPAM Act is a law that sets the rules for commercial
-                    email, establishes requirements for commercial messages,
-                    gives recipients the right to have emails stopped from being
-                    sent to them, and spells out tough penalties for violations.
+                    The CAN-SPAM Act is a law that sets the rules for commercial email, establishes requirements for
+                    commercial messages, gives recipients the right to have emails stopped from being sent to them, and
+                    spells out tough penalties for violations.
                     <br /> <br />
-                    <span style={{ fontWeight: '500' }}>
-                        We collect your email address in order to:
-                    </span>
+                    <span style={{ fontWeight: '500' }}>We collect your email address in order to:</span>
                     <ul>
                         <li style={styles.list}>
-                            Send information, respond to inquiries, and/or other
-                            requests or questions.
+                            Send information, respond to inquiries, and/or other requests or questions.
                         </li>
                     </ul>
                     <span style={{ fontWeight: '500' }}>
-                        To be in accordance with CANSPAM we agree to the
-                        following:
+                        To be in accordance with CANSPAM we agree to the following:
                     </span>
                     <ul>
+                        <li style={styles.list}>NOT use false, or misleading subjects or email addresses.</li>
+                        <li style={styles.list}>Identify the message as an advertisement in some reasonable way.</li>
+                        <li style={styles.list}>Include the physical address of our business or site headquarters.</li>
                         <li style={styles.list}>
-                            NOT use false, or misleading subjects or email
-                            addresses.
-                        </li>
-                        <li style={styles.list}>
-                            Identify the message as an advertisement in some
-                            reasonable way.
-                        </li>
-                        <li style={styles.list}>
-                            Include the physical address of our business or site
-                            headquarters.
-                        </li>
-                        <li style={styles.list}>
-                            Monitor third party email marketing services for
-                            compliance, if one is used.
+                            Monitor third party email marketing services for compliance, if one is used.
                         </li>
+                        <li style={styles.list}>Honor opt-out/unsubscribe requests quickly.</li>
                         <li style={styles.list}>
-                            Honor opt-out/unsubscribe requests quickly.
-                        </li>
-                        <li style={styles.list}>
-                            Allow users to unsubscribe by using the link at the
-                            bottom of each email.
+                            Allow users to unsubscribe by using the link at the bottom of each email.
                         </li>
                     </ul>
                     <span style={{ fontWeight: '500' }}>
-                        If at any time you would like to unsubscribe from
-                        receiving future emails, you can email us at
+                        If at any time you would like to unsubscribe from receiving future emails, you can email us at
                     </span>
                     <ul>
-                        <li style={styles.list}>
-                            Follow the instructions at the bottom of each email.
-                        </li>
+                        <li style={styles.list}>Follow the instructions at the bottom of each email.</li>
                     </ul>
-                    and we will promptly remove you from{' '}
-                    <span style={{ fontWeight: '500' }}>ALL</span>{' '}
-                    correspondence.
+                    and we will promptly remove you from <span style={{ fontWeight: '500' }}>ALL</span> correspondence.
                 </div>
             </div>
         );
diff --git a/pages/Project.js b/pages/Project.js
index f2377d4..f12b13b 100644
--- a/pages/Project.js
+++ b/pages/Project.js
@@ -11,7 +11,6 @@ import Paragraph from 'grommet/components/Paragraph';
 class Project extends Component {
     static async getInitialProps({ req, query, store }) {
         let project = {};
-        const links = [];
 
         const projects = [];
         req.firebaseServer
@@ -49,19 +48,25 @@ class Project extends Component {
                 });
             });
 
+        const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -204,9 +209,7 @@ class Project extends Component {
         return (
             <div style={{ margin: '0% 5% 0% 5%' }}>
                 <title> {this.props.project.name} | Sage Prosthetics </title>
-                <h2 style={{ textAlign: 'center' }}>
-                    {this.props.project.name}
-                </h2>
+                <h2 style={{ textAlign: 'center' }}>{this.props.project.name}</h2>
                 <div
                     style={{
                         display: 'flex',
@@ -216,16 +219,10 @@ class Project extends Component {
                         margin: '0 15% 0 15%'
                     }}
                 >
-                    <Image
-                        cloudName="sageprosthetics"
-                        publicId={this.props.project.src + ''}
-                        height="100%"
-                    >
+                    <Image cloudName="sageprosthetics" publicId={this.props.project.src + ''} height="100%">
                         <Transformation width="300" height="400" crop="scale" />
                     </Image>
-                    <div style={{ marginLeft: '10%' }}>
-                        {this.props.project.text}
-                    </div>
+                    <div style={{ marginLeft: '10%' }}>{this.props.project.text}</div>
                 </div>
                 {this.renderImage()}
                 {this.renderGroup()}
diff --git a/pages/Recipient.js b/pages/Recipient.js
index 83bb26c..19c17e0 100644
--- a/pages/Recipient.js
+++ b/pages/Recipient.js
@@ -11,7 +11,6 @@ import Paragraph from 'grommet/components/Paragraph';
 class Recipient extends Component {
     static async getInitialProps({ req, query, store }) {
         let recipient = {};
-        const links = [];
 
         const project = [];
         req.firebaseServer
@@ -46,13 +45,20 @@ class Recipient extends Component {
                 });
             });
 
+        const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
+
                     if (child.key === query.id) {
                         recipient = { ...child.val(), name: child.key };
                     }
@@ -61,7 +67,7 @@ class Recipient extends Component {
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -204,9 +210,7 @@ class Recipient extends Component {
         return (
             <div style={{ margin: '0% 5% 0% 5%' }}>
                 <title> {this.props.recipient.name} | Sage Prosthetics </title>
-                <h2 style={{ textAlign: 'center' }}>
-                    {this.props.recipient.name}
-                </h2>
+                <h2 style={{ textAlign: 'center' }}>{this.props.recipient.name}</h2>
                 <div
                     style={{
                         display: 'flex',
@@ -216,24 +220,14 @@ class Recipient extends Component {
                         margin: '0 15% 0 15%'
                     }}
                 >
-                    <Image
-                        cloudName="sageprosthetics"
-                        publicId={this.props.recipient.src + ''}
-                        height="100%"
-                    >
+                    <Image cloudName="sageprosthetics" publicId={this.props.recipient.src + ''} height="100%">
                         <Transformation width="300" height="400" crop="scale" />
                     </Image>
                     <div style={{ marginLeft: '10%' }}>
                         {this.props.recipient.text}
                         {this.props.recipient.quote ? (
-                            <Quote
-                                borderColorIndex="accent-1"
-                                style={{ marginTop: '2vw' }}
-                                size="full"
-                            >
-                                <Paragraph>
-                                    "{this.props.recipient.quote}"
-                                </Paragraph>
+                            <Quote borderColorIndex="accent-1" style={{ marginTop: '2vw' }} size="full">
+                                <Paragraph>"{this.props.recipient.quote}"</Paragraph>
                             </Quote>
                         ) : null}
                     </div>
diff --git a/pages/index.js b/pages/index.js
index 28f5d60..ba13789 100755
--- a/pages/index.js
+++ b/pages/index.js
@@ -36,19 +36,24 @@ class LandingPage extends Component {
             });
 
         const links = [];
+        const archive = [];
         await req.firebaseServer
             .database()
             .ref('recipients')
             .once('value')
             .then(datasnapshot => {
                 datasnapshot.forEach(child => {
-                    links.push(child.key);
+                    if (child.val().archive == true) {
+                        archive.push(child.key);
+                    } else {
+                        links.push(child.key);
+                    }
                 });
             });
 
         store.dispatch({
             type: types.GET_RECIPIENTS,
-            payload: links
+            payload: { links, archive }
         });
 
         store.dispatch({
@@ -220,7 +225,7 @@ class LandingPage extends Component {
                                             width: '100vw',
                                             fontWeight: '900',
                                             textAlign: 'center',
-                                            fontSize: '367%',
+                                            fontSize: '7vh',
                                             margin: '14% 0 0 10px',
                                             opacity: 0
                                         }}
@@ -233,7 +238,8 @@ class LandingPage extends Component {
                                                 background:
                                                     '-webkit-linear-gradient(left, #9357cc 0%,#2989d8 50%,#2cc99d 100%)',
                                                 WebkitBackgroundClip: 'text',
-                                                WebkitTextFillColor: 'transparent'
+                                                WebkitTextFillColor: 'transparent',
+                                                letterSpacing: '-0.05em'
                                             }}
                                         >
                                             WE MAKE <br /> HANDS
@@ -246,7 +252,7 @@ class LandingPage extends Component {
                         }
                     ]}
                     style={{
-                        height: '700px'
+                        height: '75vh'
                     }}
                 />
 
@@ -300,12 +306,13 @@ class LandingPage extends Component {
                                             >
                                                 <div
                                                     style={{
-                                                        lineHeight: '70%',
+                                                        lineHeight: '85%',
                                                         background:
                                                             '-webkit-linear-gradient(left, #9357cc 30%,#2989d8 50%,#2cc99d 70%)',
                                                         WebkitBackgroundClip: 'text',
                                                         WebkitTextFillColor: 'transparent',
-                                                        fontSize: '300%'
+                                                        fontSize: '6vh',
+                                                        letterSpacing: '0.1em'
                                                     }}
                                                     className="subheading"
                                                 >
@@ -319,8 +326,9 @@ class LandingPage extends Component {
                                             >
                                                 <div
                                                     style={{
-                                                        fontSize: '500%',
-                                                        lineHeight: '100%'
+                                                        fontSize: '10vh',
+                                                        lineHeight: '100%',
+                                                        letterSpacing: '0.05em'
                                                     }}
                                                     className="mainheading"
                                                 >
@@ -347,7 +355,7 @@ class LandingPage extends Component {
                         }
                     ]}
                     style={{
-                        height: '820px'
+                        height: '100vh'
                     }}
                 />
                 <ParallaxBanner
@@ -403,18 +411,20 @@ class LandingPage extends Component {
                                 >
                                     <div
                                         style={{
-                                            fontSize: '12vh',
-                                            fontWeight: '600',
-                                            lineHeight: '100%'
+                                            fontSize: '9vh',
+                                            fontWeight: '700',
+                                            lineHeight: '100%',
+                                            letterSpacing: '-0.05em'
                                         }}
                                     >
                                         e-NABLE
                                     </div>
                                     <div
                                         style={{
-                                            fontSize: '3vh',
+                                            fontSize: '2.5vh',
                                             fontWeight: '500',
-                                            lineHeight: '110%'
+                                            lineHeight: '110%',
+                                            letterSpacing: '0.2em'
                                         }}
                                     >
                                         Connecting people who make hands <br /> with people who need them.
diff --git a/yarn.lock b/yarn.lock
index 2a8dd27..e9b42ec 100755
--- a/yarn.lock
+++ b/yarn.lock
@@ -2521,6 +2521,11 @@ dom-storage@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/dom-storage/-/dom-storage-2.1.0.tgz#00fb868bc9201357ea243c7bcfd3304c1e34ea39"
 
+dom-walk@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.1.tgz#672226dc74c8f799ad35307df936aba11acd6018"
+  integrity sha1-ZyIm3HTI95mtNTB9+TaroRrNYBg=
+
 domain-browser@^1.1.1:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
@@ -3380,6 +3385,14 @@ glob@^7.0.3, glob@^7.0.5:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+global@^4.3.2:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f"
+  integrity sha1-52mJJopsdMOJCLEwWxD8DjlOnQ8=
+  dependencies:
+    min-document "^2.19.0"
+    process "~0.5.1"
+
 globals@^11.1.0, globals@^11.7.0:
   version "11.8.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.8.0.tgz#c1ef45ee9bed6badf0663c5cb90e8d1adec1321d"
@@ -4666,6 +4679,13 @@ mimic-fn@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
 
+min-document@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
+  integrity sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=
+  dependencies:
+    dom-walk "^0.1.0"
+
 mini-css-extract-plugin@0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.4.3.tgz#98d60fcc5d228c3e36a9bd15a1d6816d6580beb8"
@@ -5073,6 +5093,11 @@ normalize-path@^2.1.1:
   dependencies:
     remove-trailing-separator "^1.0.1"
 
+now@^12.1.9:
+  version "12.1.9"
+  resolved "https://registry.yarnpkg.com/now/-/now-12.1.9.tgz#213f2842c970edeb5d73b9a82dc12efaf2e410cd"
+  integrity sha512-WtVG3CVf5XSub0IiZpqXOkBO/S73VcFlYPsIUpTdnnDNcRde4XGfhWCU20ve1SW3tvXhsUM6D9vdISv0IhK53g==
+
 npm-bundled@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.5.tgz#3c1732b7ba936b3a10325aef616467c0ccbcc979"
@@ -5632,6 +5657,11 @@ process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
 
+process@~0.5.1:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.5.2.tgz#1638d8a8e34c2f440a91db95ab9aeb677fc185cf"
+  integrity sha1-FjjYqONML0QKkduVq5rrZ3/Bhc8=
+
 progress@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.1.tgz#c9242169342b1c29d275889c95734621b1952e31"