Added some css and fixed some alignment.

src/agent-page/AgentPage.js

@@ -24,13 +24,17 @@ import Agent6 from "../images/Agent6.jpg";
   }
   render() {
     return (
-          <div className="container">
+      <div>
         <div className="center  blue-text text-darken-4">
-                  <h1>Meet the team</h1>
+          <h1 style={{ fontFamily: "Georgia"  }} >Meet the Team</h1>
         </div>
 
+        <div className="container">
           <Agents agents={this.state.agents} /> 
         </div>
+
+
+      </div>
     )
   }
   displayAgents = (agent) => {

src/agent-page/Agents.js

@@ -9,8 +9,8 @@ const Agents = ({ agents }) => {
     return (
       <div className="agent" key={agent.id}>
         {}
-            <Card style={{ width: "18rem" }}>
-              <Card.Img variant="top" src={agent.src} />
+            <Card style={{ width: "22rem", height: "40rem"  }}>
+              <Card.Img variant="top" style={{ height: "22rem" }} src={agent.src} />
               <Card.Body>
                 <Card.Title>{agent.title}</Card.Title>
                 <Card.Text>{agent.name}</Card.Text>

src/agent-page/agent-page.css

@@ -12,8 +12,12 @@
   }
   .center{
     height: 25vh; /* Magic here */
-    background-color: yellow;
+    background-color: #ffe609;
     display: flex;
     justify-content: center;
     align-items: center;
   }
+
+  .agent{
+    padding-left: 16%;
+  }

src/homePage/homePage.css

@@ -14,6 +14,13 @@
     font-family: "Georgia";
 }
 
+#features .container-fluid {
+    padding: 2% 48% 2%;
+    text-align: left;
+    font-family: "Georgia";
+}
+
+
 .housesIntro{
     padding: 4% 5%;
 }

src/listings-page/ListingsPage.js

@@ -158,7 +158,11 @@ class ListingsPage extends Component {
 
             <div class="col-12">
 
+              <section className="colored-section" id="features">
+                <div className="container-fluid">
                   <h2> Map </h2>
+                </div>
+              </section>
 
               <div style={{ width: "100vm", height: "800px" }}>
                 <MapWrapped

src/shared-components/navbar-component/Navbar.css

@@ -1,3 +1,5 @@
 .Navbar{
-    background-color: pink;
+    background-color: rgb(56, 55, 55);
+    padding-top: 20px;
+    padding-bottom: 24px;
 }