From db525b6e739443857f94f0433cf491ca75f23f33 Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Tue, 15 Oct 2019 20:16:55 -0500
Subject: [PATCH 01/11] redesigned div borders

---
 _sass/main.scss | 39 ++++++++++++++++-----------------------
 index.html      |  7 +++----
 2 files changed, 19 insertions(+), 27 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 547e3e8..d1a66d1 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -53,6 +53,8 @@ a.button {
 .hero-banner {
   padding-top: 30px;
   padding-bottom: 30px;
+  margin-bottom: 6px;
+  border-bottom: 10px solid #1BA4E3;
   h1 {
     font-style: normal;
     font-weight: 500;
@@ -72,8 +74,14 @@ a.button {
 .page-content {
     @extend %content-width;
 }
+  
 .section-1 {
-  height: 387px;
+  background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
+  border-top: 10px solid #FEF035;
+  border-bottom: 10px solid #F18DB9;
+  margin-bottom: 6px;
+
+
   .h1-left {
     display: inline-block;
     width: 280px;
@@ -115,25 +123,17 @@ a.button {
     margin: 120px 160px 0px 0px
   }
 }
-.bkgd-1 {
-  background-image: url(/assets/images/mobile-partition-left.png);
-  @media (min-width: 501px) {
-    background-image: url(/assets/images/partition-left.png);
-  }
-  background-size: cover;
-  background-repeat: no-repeat;
-  width: 130%;
-  margin-left: -230px;
-  
-}
 
 .three-buttons {
+  border-top: 10px solid #493390;
   .features-img {
     height: 170px;
     margin: -80px 0px 0px 120px;
   }
 }
 .section-2 {
+  border-bottom: 10px solid #F59331;
+  margin-bottom: 6px;
   height: 240px;
   .h1-right {
     display: inline-block;
@@ -164,6 +164,9 @@ a.button {
   }
 }
 .section-3 {
+  border-top: 10px solid #16A050;
+  border-bottom: 10px solid #DE1D41;
+  margin-bottom: 6px;
   height: 350px;
   .h1-left {
     display: inline-block;
@@ -199,20 +202,10 @@ a.button {
   }
 }
 
-.bkgd-2 {
-  background-image: url(/assets/images/mobile-partition-right.png);
-  @media (min-width: 501px) {
-    background-image: url(/assets/images/partition-right.png);
-  }
-  background-size: cover;
-  background-repeat: no-repeat;
-  width: 130%;
-  margin-right: -230px;
-}
 .section-4 {
+  border-top: 10px solid #1BA4E3;
   height: 260px;
   text-align: center;
-  width: 440px;
   margin: auto;
 
   .p-center {
diff --git a/index.html b/index.html
index c238166..c2aaeb9 100644
--- a/index.html
+++ b/index.html
@@ -8,14 +8,13 @@ <h1> Your Stress Ball for
     Public Transit
   </h1>
 </div>
-<div class="section-1 bkgd-1">
+<div class="section-1">
   <div class="h1-left">
     <h1> Our Tool </h1>
   </div>
   <div class="center-btn">
     <div class="img-container">
-      <img src="/assets/images/logo.png" style="margin-bottom: -53px;
-    height: 130px;">
+      <img src="/assets/images/logo.png" style="margin-bottom: -53px; height: 130px;">
     <button onclick='location.href="tool.html"'type="button" class="btn btn-learn">Learn More</button>
     </div>
   </div>
@@ -38,7 +37,7 @@ <h1> Our Mission </h1>
   </div>
    
 </div>
-<div class="section-3 bkgd-2">
+<div class="section-3">
   <div class="h1-left">
     <h1> Our Team </h1>
     <button onclick='location.href="team.html"'type="button" class="btn btn-team">Meet Us</button>

From 8b59d5db22242d1f44c38ad6e877dd37f691eb01 Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Tue, 15 Oct 2019 20:35:04 -0500
Subject: [PATCH 02/11] refactored section 1

---
 _sass/main.scss | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index d1a66d1..40b3086 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -76,6 +76,7 @@ a.button {
 }
   
 .section-1 {
+  display: flex;
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #FEF035;
   border-bottom: 10px solid #F18DB9;
@@ -83,10 +84,10 @@ a.button {
 
 
   .h1-left {
+    padding: 100px 0px;
     display: inline-block;
-    width: 280px;
     text-align: center;
-    transform: translate(190px, 120px);
+    width:40%;
   }
   .center-btn {
     .btn-learn {
@@ -95,18 +96,23 @@ a.button {
       padding: 0px 0px 0px 24px;
     }
     margin: 0 auto;
-    width: 50%;
+    width: 20%;
     text-align: center;
     .img-container {
       height: 130px;
+      padding-top: 30px;
     }
   }
   .homepage-p-right {
     display: inline-block;
     height: 100px;
-    width: 330px;
+    width: 40%;
     float: right;
-    margin: -100px 90px 0px 0px;
+    padding: 80px 0px;
+    p {
+      width: 70%;
+      margin: auto;
+    }
   }
   .homepage-p-center {
     display: inline-block;
@@ -126,9 +132,10 @@ a.button {
 
 .three-buttons {
   border-top: 10px solid #493390;
+  text-align: center;
   .features-img {
     height: 170px;
-    margin: -80px 0px 0px 120px;
+    margin-top: -70px;
   }
 }
 .section-2 {
@@ -164,6 +171,7 @@ a.button {
   }
 }
 .section-3 {
+  background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #16A050;
   border-bottom: 10px solid #DE1D41;
   margin-bottom: 6px;

From d58da98f55be562e2cf258d98621c838d84a6bfc Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 13:14:31 -0500
Subject: [PATCH 03/11] did homepage

---
 _sass/main.scss | 47 ++++++++++++++++++++++++++++++++++-------------
 index.html      |  8 ++++----
 2 files changed, 38 insertions(+), 17 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 40b3086..0ae4ba9 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -30,20 +30,28 @@ body {
 
 .btn {
   height: 50px;
-  color: #FFFFFF;
   font-size: 24px;
   line-height: 28px;
   display: flex;
   align-items: center;
   text-align: center;
-  background-color: #464646;
+  ;
   border-radius: 9px;
   margin: 0 auto;
   margin-left: auto;
   margin-right: auto;
 }
 .btn:hover { 
-    background-color: #888888;
+    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+.btn-primary {
+  background-color: #464646;
+  color: #FFFFFF;
+}
+
+.btn-secondary {
+  color: #464646;
+  border: 3px solid #464646;
 }
 
 a.button {
@@ -139,15 +147,15 @@ a.button {
   }
 }
 .section-2 {
+  display: flex;
   border-bottom: 10px solid #F59331;
   margin-bottom: 6px;
   height: 240px;
   .h1-right {
     display: inline-block;
-    width: 280px;
+    width: 50%;
     float: right;
     text-align: center;
-    margin: 30px 100px 0px 0px;
   }
   .center-text {
     width: 51%;
@@ -160,8 +168,12 @@ a.button {
     display: inline-block;
     height: 100px;
     float: left;
-    width: 330px;
-    margin: 60px 0px 0px 60px;
+    width: 50%;
+    p {
+      width: 60%;
+      margin: auto;
+      margin-top: 40px;
+    }
   }
 
   .btn-mission {
@@ -171,6 +183,7 @@ a.button {
   }
 }
 .section-3 {
+  display: flex;
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #16A050;
   border-bottom: 10px solid #DE1D41;
@@ -178,23 +191,26 @@ a.button {
   height: 350px;
   .h1-left {
     display: inline-block;
-    width: 280px;
+    width: 50%;
+    padding-top: 60px;
     text-align: center;
-    transform: translate(140px, 80px);
   }
   .p-left {
     display: inline-block;
     height: 100px;
     float: left;
-    width: 330px;
-    margin: 100px 0px 0px 130px;
+    width: 50%;
   }
   .p-right {
     display: inline-block;
     height: 100px;
     float: right;
-    width: 330px;
-    margin: 100px 300px 0px 0px;
+    width: 50%;
+    padding-top: 100px;
+    p {
+      width: 60%;
+      margin: auto;
+    }
   }
   .center-text {
     width: 31%;
@@ -215,6 +231,11 @@ a.button {
   height: 260px;
   text-align: center;
   margin: auto;
+  p {    
+    width: 50%;
+    margin: auto;
+    padding-top: 30px;
+  }
 
   .p-center {
     width: 121%;
diff --git a/index.html b/index.html
index c2aaeb9..450be13 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ <h1> Our Tool </h1>
   <div class="center-btn">
     <div class="img-container">
       <img src="/assets/images/logo.png" style="margin-bottom: -53px; height: 130px;">
-    <button onclick='location.href="tool.html"'type="button" class="btn btn-learn">Learn More</button>
+    <button onclick='location.href="tool.html"'type="button" class="btn btn-learn btn-primary">Learn More</button>
     </div>
   </div>
   <div class="homepage-p-right">
@@ -33,14 +33,14 @@ <h1> Our Tool </h1>
   </div>
   <div class="h1-right">
     <h1> Our Mission </h1>
-    <button onclick='location.href="mission.html"'type="button" class="btn btn-mission">More Info</button>
+    <button onclick='location.href="mission.html"'type="button" class="btn btn-secondary btn-mission">More Info</button>
   </div>
    
 </div>
 <div class="section-3">
   <div class="h1-left">
     <h1> Our Team </h1>
-    <button onclick='location.href="team.html"'type="button" class="btn btn-team">Meet Us</button>
+    <button onclick='location.href="team.html"'type="button" class="btn btn-secondary btn-team">Meet Us</button>
   </div>
   <div class="p-right">
     <p><b>Transit Talk</b> is a volunteer-run project that was created at Chi Hack Night, a weekly community event where people of all backgrounds come together to work on civic tech projects.
@@ -49,7 +49,7 @@ <h1> Our Team </h1>
 </div>
 <div class="section-4">
   <h1> Application to Other Cities </h1>
-  <button type="button" class="btn btn-github">Visit our Github</button>
+  <button type="button" class="btn btn-secondary btn-github">Visit our Github</button>
   <p> <b>Transit Talk</b> is built for more than just Chicago. Through the use of GTFS, a universal data standard used by transit agencies around the world, Transit Talk can be implemented elsewhere easily. Visit our “In Your City” tab to learn more.
   </p>
 </div>

From f1aecbbae4ed5695058874f29e376508f380a2fa Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 13:27:48 -0500
Subject: [PATCH 04/11] working on tool page

---
 _sass/main.scss | 32 +++++++++++++++++++++++---------
 tool.html       |  5 +++--
 2 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 0ae4ba9..7154651 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -88,14 +88,19 @@ a.button {
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #FEF035;
   border-bottom: 10px solid #F18DB9;
+  border-left: 10px solid #F59331;
+  border-right: 10px solid #F59331;
   margin-bottom: 6px;
-
-
   .h1-left {
-    padding: 100px 0px;
     display: inline-block;
     text-align: center;
     width:40%;
+    h1 {
+      padding-top:80px;
+    }
+    img {
+      height: 300px;
+    }
   }
   .center-btn {
     .btn-learn {
@@ -108,7 +113,7 @@ a.button {
     text-align: center;
     .img-container {
       height: 130px;
-      padding-top: 30px;
+      padding-top: 10px;
     }
   }
   .homepage-p-right {
@@ -133,8 +138,12 @@ a.button {
     display: inline-block;
     height: 100px;
     float: right;
-    width: 330px;
-    margin: 120px 160px 0px 0px
+    width: 50%;
+    p {
+      width: 60%;
+      margin: auto;
+      padding-top: 90px;
+    }
   }
 }
 
@@ -158,11 +167,14 @@ a.button {
     text-align: center;
   }
   .center-text {
-    width: 51%;
+    width: 100%;
     text-align: center;
     margin: auto;
     font-size: 20px;
-    padding: 30px 0px 50px 0px;
+    p {
+      width: 40%;
+      margin: auto;
+    }
   }
   .p-left {
     display: inline-block;
@@ -187,8 +199,10 @@ a.button {
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #16A050;
   border-bottom: 10px solid #DE1D41;
+  border-left: 10px solid #F18DB9;
+  border-right: 10px solid #F18DB9;
   margin-bottom: 6px;
-  height: 350px;
+  height: 300px;
   .h1-left {
     display: inline-block;
     width: 50%;
diff --git a/tool.html b/tool.html
index 785165a..4e5b57c 100644
--- a/tool.html
+++ b/tool.html
@@ -9,9 +9,9 @@ <h1> Our Tool</h1>
     <h2>Rider-Powered Transit Information</h2>
 
 </div>
-<div class="section-1 bkgd-1">
+<div class="section-1">
   <div class="h1-left">
-    <img src="/assets/images/tool-screen-1.png" style="    margin: -70px -160px 0px 0px;height: 260px;">
+    <img src="/assets/images/tool-screen-1.png">
   </div>
   <div class="tool-p-right">
     <p><b>Transit Talk</b> is a mobile-first web app that empowers transit riders to quickly and easily submit issue reports that generate real-time, crowdsourced knowledge about activity on their local transit system.
@@ -23,6 +23,7 @@ <h2>Rider-Powered Transit Information</h2>
  <div class="center-text">
     <p><b>Transit Talk</b> allows users to quickly submit issue reports, generating a real time, crowd-sourced map of issues that can ultimately be used by transit advocates, transit agencies, and transit riders. </p>
 </div>
+</div>
 <div class="section-3 bkgd-2">
   <div class="p-left">
     <p>Rather than submit information into an administrative black box that other riders cannot view, Transit Talk enables users to openly view all reports made by fellow users on their local public transit system.<p>

From 29f83c3bb62a600860c868fb43f9c6b2aaf1fef8 Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 13:39:24 -0500
Subject: [PATCH 05/11] done with tools

---
 _sass/main.scss | 15 ++++++++++++---
 tool.html       |  7 +++----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 7154651..a7aaa67 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -214,17 +214,27 @@ a.button {
     height: 100px;
     float: left;
     width: 50%;
+    p {
+      width: 60%;
+      margin: auto;
+      padding-top: 100px;
+    }
   }
   .p-right {
     display: inline-block;
     height: 100px;
     float: right;
     width: 50%;
-    padding-top: 100px;
     p {
+      padding-top: 100px;
       width: 60%;
       margin: auto;
     }
+    img {
+      height: 320px;
+      margin-left: 90px;
+      margin-top: -7px;
+    }
   }
   .center-text {
     width: 31%;
@@ -252,10 +262,9 @@ a.button {
   }
 
   .p-center {
-    width: 121%;
     text-align: center;
     margin: auto;
-    font-size: 27px;
+    font-size: 20px;
     padding: 50px 0px 100px 0px;
   }
 }
diff --git a/tool.html b/tool.html
index 4e5b57c..ec41f9a 100644
--- a/tool.html
+++ b/tool.html
@@ -24,13 +24,12 @@ <h2>Rider-Powered Transit Information</h2>
     <p><b>Transit Talk</b> allows users to quickly submit issue reports, generating a real time, crowd-sourced map of issues that can ultimately be used by transit advocates, transit agencies, and transit riders. </p>
 </div>
 </div>
-<div class="section-3 bkgd-2">
+<div class="section-3">
   <div class="p-left">
-    <p>Rather than submit information into an administrative black box that other riders cannot view, Transit Talk enables users to openly view all reports made by fellow users on their local public transit system.<p>
-    
+    <p>Rather than submit information into an administrative black box that other riders cannot view, Transit Talk enables users to openly view all reports made by fellow users on their local public transit system.</p>
   </div>
   <div class="p-right">
-    <img src="/assets/images/tool-screen-2.png" style="margin-top:-54px;height: 260px;">
+    <img src="/assets/images/tool-screen-2.png">
   </div>
 </div>
 <div class="section-4">

From 742dc0e9990467af5543c4d372526dcb217f1920 Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 14:03:56 -0500
Subject: [PATCH 06/11] done with mission

---
 _sass/main.scss | 11 +++++++++++
 mission.html    | 16 ++++++----------
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index a7aaa67..499e774 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -145,6 +145,17 @@ a.button {
       padding-top: 90px;
     }
   }
+  .mission-p-right {
+    display: inline-block;
+    height: 100px;
+    float: right;
+    width: 50%;
+    p {
+      width: 60%;
+      margin: auto;
+      padding-top: 50px;
+    }
+  }
 }
 
 .three-buttons {
diff --git a/mission.html b/mission.html
index d5a2656..b52f9cd 100644
--- a/mission.html
+++ b/mission.html
@@ -9,11 +9,11 @@ <h1> Our Mission</h1>
     <h2>Making Transit Better</h2>
 
 </div>
-<div class="section-1 bkgd-1">
+<div class="section-1">
   <div class="h1-left">
-    <img src="/assets/images/mission-screen-1.png" style="    margin: -70px -160px 0px 0px;height: 260px;">
+    <img src="/assets/images/mission-screen-1.png" style="height: 260px;">
   </div>
-  <div class="tool-p-right">
+  <div class="mission-p-right">
     <p>Here at <b>Transit Talk</b>, we aim to create a transparent record of the issues riders encounter on their commutes, empowering them to make educated decisions about their commutes while also encouraging transit agencies to become more responsive to the needs of their riders.
     </p>
   </div>
@@ -23,18 +23,14 @@ <h2>Making Transit Better</h2>
  <div class="center-text">
     <p>As a team of volunteers of varying transit-riding backgrounds, we understand the problems commuters face when using public transit. We aim to make everyone’s commute simpler, and to allow them to make educated choices on each trip. </p>
 </div>
-<div class="section-3 bkgd-2">
+</div>
+<div class="section-3">
   <div class="p-left">
     <p>Transit information should be open and easily accessible. We hope to bridge the gap between transit administrations and their users, and to allow users to have some control over their commutes. <p>
     
   </div>
   <div class="p-right">
-    <img src="/assets/images/mission-screen-2.png" style="margin-top:-54px;height: 260px;">
-  </div>
-</div>
-<div class="section-4">
-  <div class="p-center">  
-    
+    <img src="/assets/images/mission-screen-2.png">
   </div>
 </div>
 

From 4bead0cad004e47e2fd49d011ccc3b635ab7d50f Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 14:04:48 -0500
Subject: [PATCH 07/11] done with team

---
 team.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/team.html b/team.html
index 3b471a1..eb83e16 100644
--- a/team.html
+++ b/team.html
@@ -11,12 +11,10 @@ <h2></h2>
 </div>
 <div class="section-1 bkgd-1">
   <div class="h1-left">
-    <img src="/assets/images/tool-screen-1.png" style="    margin: -70px -160px 0px 0px;height: 260px;">
+    <img src="/assets/images/tool-screen-1.png" style="height: 260px;">
   </div>
   <div class="tool-p-right">
     <p><b>Transit Talk</b> was formed out of Chi Hack Night, a weekly meeting of civic tech do-gooders, and was created by an all-volunteer group of computer scientists, transit advocates, and more. 
     </p>
   </div>
-</div>
-
-<div class="section-2">
\ No newline at end of file
+</div>
\ No newline at end of file

From 41ae310ddefcebb243687741664492bed748e15f Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 14:30:34 -0500
Subject: [PATCH 08/11] working on in-your-city

---
 _sass/main.scss   | 15 ++++++---------
 in-your-city.html | 10 ++++------
 team.html         |  2 +-
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 499e774..bc99bdf 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -129,9 +129,8 @@ a.button {
   }
   .homepage-p-center {
     display: inline-block;
-    height: 100px;
-    width: 560px;
-    margin: 70px 0px 0px 480px;
+    width: 60%;
+    margin: auto;
     p {font-size: 20px;}
   }
   .tool-p-right {
@@ -204,6 +203,9 @@ a.button {
     margin-top: 30px;
     padding: 0px 0px 0px 32px;
   }
+  .btn-github {
+    margin-top: 30px;
+  }å
 }
 .section-3 {
   display: flex;
@@ -252,7 +254,6 @@ a.button {
     text-align: center;
     margin: auto;
     font-size: 20px;
-    padding: 110px 310px 50px 0px;
   }
   .btn-team {
     width: 170px;
@@ -279,11 +280,7 @@ a.button {
     padding: 50px 0px 100px 0px;
   }
 }
-.btn-github {
-    width: 240px;
-    margin-top: 30px;
-    padding: 0px 0px 0px 37px;
-  }
+
 
 *:focus {
     outline: none;
diff --git a/in-your-city.html b/in-your-city.html
index 3f43afa..8923d8f 100644
--- a/in-your-city.html
+++ b/in-your-city.html
@@ -7,7 +7,7 @@ <h1>In Your City</h1>
   <img src="/assets/images/logo.png" style="margin-left: 45%;
     height: 90px;">
 </div>
-<div class="section-1 bkgd-1">
+<div class="section-1">
   <div class="homepage-p-center">
     <p><b>Transit Talk</b> is a Ruby on Rails web app based on a data standard called GTFS, which makes storing transit station and route information quite simple.
     <br><br>
@@ -16,19 +16,17 @@ <h1>In Your City</h1>
   </div>
 </div>
 <div class="section-2">
-  <button type="button" class="btn btn-github">Visit our Github</button>
+  <button type="button" class="btn btn-secondary btn-github">Visit our Github</button>
   <div class="center-text">
     <p>You don’t need to know what much about GTFS to create a version of <b>Transit Talk</b> for your city. Simply head over to out GitHub repository, create a fork of the app, and follow the instructions to build and install an instance of your own! </p>
   </div>
 </div>
    
 </div>
-<div class="section-3 bkgd-2">
+<div class="section-3">
   <div class="center-text">
     <p>Feel free to join the Chi Hack Night Slack group and chat with us on the #transit-talk channel if you have any questions about setting up your own fork of Transit Talk.
     </p>
   </div>
 </div>
-<div class="section-4">
-  
-</div>
+
diff --git a/team.html b/team.html
index eb83e16..fac508c 100644
--- a/team.html
+++ b/team.html
@@ -9,7 +9,7 @@ <h1> Our Team</h1>
     <h2></h2>
 
 </div>
-<div class="section-1 bkgd-1">
+<div class="section-1">
   <div class="h1-left">
     <img src="/assets/images/tool-screen-1.png" style="height: 260px;">
   </div>

From bc5569bbe124e8a14e6e787af155d8e7619251fc Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Thu, 17 Oct 2019 15:52:51 -0500
Subject: [PATCH 09/11] in-your-city

---
 _sass/main.scss   | 18 ++++++++++++------
 in-your-city.html |  4 +++-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index bc99bdf..4bc2bc2 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -131,7 +131,10 @@ a.button {
     display: inline-block;
     width: 60%;
     margin: auto;
-    p {font-size: 20px;}
+    p {
+      font-size: 20px;
+      padding: 30px 0px;
+      }
   }
   .tool-p-right {
     display: inline-block;
@@ -182,7 +185,7 @@ a.button {
     margin: auto;
     font-size: 20px;
     p {
-      width: 40%;
+      width: 70%;
       margin: auto;
     }
   }
@@ -194,7 +197,7 @@ a.button {
     p {
       width: 60%;
       margin: auto;
-      margin-top: 40px;
+      margin-top: 90px;
     }
   }
 
@@ -203,9 +206,12 @@ a.button {
     margin-top: 30px;
     padding: 0px 0px 0px 32px;
   }
-  .btn-github {
-    margin-top: 30px;
-  }å
+  .btn-div {
+    width: 100%;
+    .btn-github {
+      margin-top: 90px;
+    } 
+  }
 }
 .section-3 {
   display: flex;
diff --git a/in-your-city.html b/in-your-city.html
index 8923d8f..8493073 100644
--- a/in-your-city.html
+++ b/in-your-city.html
@@ -16,7 +16,9 @@ <h1>In Your City</h1>
   </div>
 </div>
 <div class="section-2">
-  <button type="button" class="btn btn-secondary btn-github">Visit our Github</button>
+  <div class="btn-div">
+    <button type="button" class="btn btn-secondary btn-github">Visit our Github</button>
+  </div>
   <div class="center-text">
     <p>You don’t need to know what much about GTFS to create a version of <b>Transit Talk</b> for your city. Simply head over to out GitHub repository, create a fork of the app, and follow the instructions to build and install an instance of your own! </p>
   </div>

From 1f2d7164167d1ef04c3501e979f4d51d634d187e Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Tue, 22 Oct 2019 20:55:29 -0500
Subject: [PATCH 10/11] working on mobile

---
 _sass/main.scss | 34 ++++++++++++++++++++++++++++------
 index.html      |  2 +-
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index 4bc2bc2..ba74ee9 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -64,11 +64,15 @@ a.button {
   margin-bottom: 6px;
   border-bottom: 10px solid #1BA4E3;
   h1 {
+    font-size: 38px;
+    line-height: 46px;
     font-style: normal;
     font-weight: 500;
-    font-size: 48px;
-    line-height: 56px;
     text-align: center;
+    @media only screen and (min-width: 600px) {
+      font-size: 48px;
+      line-height: 56px;
+    } 
   }
   h2 {
     font-style: normal;
@@ -84,7 +88,10 @@ a.button {
 }
   
 .section-1 {
-  display: flex;
+  display: flow-root;
+  @media only screen and (min-width: 600px) {
+    display: flex;
+  }
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #FEF035;
   border-bottom: 10px solid #F18DB9;
@@ -94,9 +101,14 @@ a.button {
   .h1-left {
     display: inline-block;
     text-align: center;
-    width:40%;
+    width:100%;
+    @media only screen and (min-width: 600px){
+      width:40%;
+    }
     h1 {
-      padding-top:80px;
+      @media only screen and (min-width: 600px) {
+        padding-top:80px;
+      }
     }
     img {
       height: 300px;
@@ -114,6 +126,13 @@ a.button {
     .img-container {
       height: 130px;
       padding-top: 10px;
+      img {
+        margin-bottom: -53px; 
+        height: 80px;
+        @media only screen and (min-width: 600px) {
+          height: 130px;
+        }
+      }
     }
   }
   .homepage-p-right {
@@ -164,7 +183,10 @@ a.button {
   border-top: 10px solid #493390;
   text-align: center;
   .features-img {
-    height: 170px;
+    height: 90px;
+    @media only screen and (min-width: 600px) {
+      height: 170px;
+    }
     margin-top: -70px;
   }
 }
diff --git a/index.html b/index.html
index 450be13..033c95b 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@ <h1> Our Tool </h1>
   </div>
   <div class="center-btn">
     <div class="img-container">
-      <img src="/assets/images/logo.png" style="margin-bottom: -53px; height: 130px;">
+      <img src="/assets/images/logo.png">
     <button onclick='location.href="tool.html"'type="button" class="btn btn-learn btn-primary">Learn More</button>
     </div>
   </div>

From 7466d40399dbfe3b713e69d664c7893daed46a07 Mon Sep 17 00:00:00 2001
From: Scott <shrubin2@gmail.com>
Date: Tue, 29 Oct 2019 20:16:22 -0500
Subject: [PATCH 11/11] fuck travis

---
 _sass/main.scss | 58 +++++++++++++++++++++++++++++++++----------------
 1 file changed, 39 insertions(+), 19 deletions(-)

diff --git a/_sass/main.scss b/_sass/main.scss
index ba74ee9..dd3890c 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -35,14 +35,14 @@ body {
   display: flex;
   align-items: center;
   text-align: center;
-  ;
   border-radius: 9px;
   margin: 0 auto;
   margin-left: auto;
   margin-right: auto;
 }
+
 .btn:hover { 
-    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
+    box-shadow: 4px 0 4px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.25);
 }
 .btn-primary {
   background-color: #464646;
@@ -92,6 +92,7 @@ a.button {
   @media only screen and (min-width: 600px) {
     display: flex;
   }
+
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
   border-top: 10px solid #FEF035;
   border-bottom: 10px solid #F18DB9;
@@ -114,12 +115,14 @@ a.button {
       height: 300px;
     }
   }
+
   .center-btn {
     .btn-learn {
       width: 170px;
       margin-top: 60px;
-      padding: 0px 0px 0px 24px;
+      padding: 0 0 0 24px;
     }
+
     margin: 0 auto;
     width: 20%;
     text-align: center;
@@ -135,26 +138,29 @@ a.button {
       }
     }
   }
+
   .homepage-p-right {
     display: inline-block;
     height: 100px;
     width: 40%;
     float: right;
-    padding: 80px 0px;
+    padding: 80px 0;
     p {
       width: 70%;
       margin: auto;
     }
   }
+
   .homepage-p-center {
     display: inline-block;
     width: 60%;
     margin: auto;
     p {
       font-size: 20px;
-      padding: 30px 0px;
-      }
+      padding: 30px 0;
+    }
   }
+
   .tool-p-right {
     display: inline-block;
     height: 100px;
@@ -166,6 +172,7 @@ a.button {
       padding-top: 90px;
     }
   }
+
   .mission-p-right {
     display: inline-block;
     height: 100px;
@@ -190,44 +197,51 @@ a.button {
     margin-top: -70px;
   }
 }
+
 .section-2 {
   display: flex;
   border-bottom: 10px solid #F59331;
   margin-bottom: 6px;
   height: 240px;
+
   .h1-right {
     display: inline-block;
     width: 50%;
     float: right;
     text-align: center;
   }
+
   .center-text {
     width: 100%;
     text-align: center;
     margin: auto;
     font-size: 20px;
+
     p {
       width: 70%;
       margin: auto;
     }
   }
+
   .p-left {
     display: inline-block;
     height: 100px;
     float: left;
     width: 50%;
+
     p {
       width: 60%;
       margin: auto;
-      margin-top: 90px;
+      margin-top: 40px;
     }
   }
 
   .btn-mission {
     width: 170px;
     margin-top: 30px;
-    padding: 0px 0px 0px 32px;
+    padding: 0 0 0 32px;
   }
+
   .btn-div {
     width: 100%;
     .btn-github {
@@ -235,6 +249,7 @@ a.button {
     } 
   }
 }
+
 .section-3 {
   display: flex;
   background: linear-gradient(292.39deg, #D1D1D1 0%, rgba(231, 231, 231, 0) 100%);
@@ -244,39 +259,46 @@ a.button {
   border-right: 10px solid #F18DB9;
   margin-bottom: 6px;
   height: 300px;
+
   .h1-left {
     display: inline-block;
     width: 50%;
     padding-top: 60px;
     text-align: center;
   }
+
   .p-left {
     display: inline-block;
     height: 100px;
     float: left;
     width: 50%;
+
     p {
       width: 60%;
       margin: auto;
       padding-top: 100px;
     }
   }
+
   .p-right {
     display: inline-block;
     height: 100px;
     float: right;
     width: 50%;
+
     p {
       padding-top: 100px;
       width: 60%;
       margin: auto;
     }
+
     img {
       height: 320px;
       margin-left: 90px;
       margin-top: -7px;
     }
   }
+
   .center-text {
     width: 31%;
     text-align: center;
@@ -286,7 +308,7 @@ a.button {
   .btn-team {
     width: 170px;
     margin-top: 30px;
-    padding: 0px 0px 0px 40px;
+    padding: 0 0 0 40;
   }
 }
 
@@ -295,23 +317,21 @@ a.button {
   height: 260px;
   text-align: center;
   margin: auto;
-  p {    
-    width: 50%;
-    margin: auto;
-    padding-top: 30px;
-  }
-
   .p-center {
     text-align: center;
     margin: auto;
     font-size: 20px;
-    padding: 50px 0px 100px 0px;
+    padding: 50px 0 100px 0;
+  }
+  p {
+    width: 50%;
+    margin: auto;
+    padding-top: 30px;
   }
 }
 
-
 *:focus {
-    outline: none;
-    box-shadow: 0px 0px 0px 3px $orange;
+  outline: none;
+  box-shadow: 0 0 0 3 $orange;
 }