diff --git a/client/src/app/Landing.jsx b/client/src/app/Landing.jsx
index d25145b..db132c8 100644
--- a/client/src/app/Landing.jsx
+++ b/client/src/app/Landing.jsx
@@ -23,12 +23,13 @@ const Landing = (props) => {
   const tooltip = (
   <Tooltip id="tooltip"><strong>Start a new Drawmie!</strong></Tooltip>
 );
-{/* this is an instance of a react-boostrap Grid component */}
+
+  // Bootstrap Grid Component
   const gridInstance = (
   <Grid>
     <Row className="show-grid">
       <Col xs={6} md={4}></Col>
-      <Col xs={6} md={4}>
+      <Col xs={6} md={4} className='mid-grid'>
       <div className='drawmie-title'>
         <center>
           <h1 className="headers">Drawmie</h1>
diff --git a/client/styles.css b/client/styles.css
index 569be2b..7d44f6a 100644
--- a/client/styles.css
+++ b/client/styles.css
@@ -41,6 +41,10 @@ a{
   color: #681f03;
 }
 
+.mid-grid {
+  margin-top: 20%;
+}
+
 .headers {
   color:white;
 }