diff --git a/css/styles.css b/css/styles.css
index e9f6d2e..c92de93 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3,89 +3,169 @@
    ========================================================================== */
 
 
- /* ==========================================================================
+/* ==========================================================================
     BASE STYLES
     ========================================================================== */
 
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
 }
 
 * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 html {
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
 }
 
 body {
-  margin: 0;
-  font: 16px/1 sans-serif;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  color: #333333;
+    margin: 0;
+    font: 16px/1 sans-serif;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    color: #333333;
 }
 
 h1 {
-  font-size:250%;
-  line-height: 1;
-  text-transform: uppercase;
-  font-family: 'Roboto Slab', serif;
-  font-weight: 700;
-  margin: 1em 0;
+    font-size: 250%;
+    line-height: 1;
+    text-transform: uppercase;
+    font-family: 'Roboto Slab', serif;
+    font-weight: 700;
+    margin: 1em 0;
 }
 
 h2 {
-  font-size:175%;
-  line-height: 1;
-  text-transform: uppercase;
-  font-family: 'Roboto Slab', serif;
-  font-weight: 700;
-  margin: 0 0 1em 0;
+    font-size: 175%;
+    line-height: 1;
+    text-transform: uppercase;
+    font-family: 'Baloo Paaji 2', cursive;
+    font-weight: 700;
+    margin: 0 0 1em 0;
 }
 
 h3 {
-  font-size:150%;
-  line-height: 1;
-  text-transform: uppercase;
-  font-family: 'Roboto Slab', serif;
-  font-weight: 700;
-  margin: 0 0 1em 0;
+    font-size: 150%;
+    line-height: 1;
+    text-transform: uppercase;
+    font-family: 'Roboto Slab', serif;
+    font-weight: 700;
+    margin: 0 0 1em 0;
 }
 
 h4 {
-  font-size:120%;
-  line-height: 1;
-  text-transform: uppercase;
-  font-family: 'Roboto Slab', serif;
-  font-weight: 700;
-  margin: 0 0 1em 0;
+    font-size: 120%;
+    line-height: 1;
+    text-transform: uppercase;
+    font-family: 'Roboto Slab', serif;
+    font-weight: 700;
+    margin: 0 0 1em 0;
 }
 
 p {
-  font-size:120%;
-  line-height: 1.6;
-  font-family: 'Roboto', sans-serif;
-  margin-bottom: 2em;
-  font-weight: 300;
+    font-size: 120%;
+    line-height: 1.6;
+    font-family: 'Roboto', sans-serif;
+    margin-bottom: 2em;
+    font-weight: 300;
 }
 
 p.small-txt {
-  font-size: 80%;
+    font-size: 80%;
+    font-family: 'Baloo Paaji 2', cursive;
 }
 
 table {
-  font-size:120%;
-  line-height: 1.6;
-  font-family: 'Roboto', sans-serif;
-  font-weight: 300;
+    font-size: 120%;
+    line-height: 1.6;
+    font-family: 'Roboto', sans-serif;
+    font-weight: 300;
 }
 
 a,
@@ -93,6 +173,7 @@ button {
     color: inherit;
     transition: .3s;
 }
+
 a {
     text-decoration: none;
 }
@@ -123,117 +204,129 @@ img {
 }
 
 .wrap {
-  width: 100%;
-  max-width: 1000px;
-  margin: 0 auto;
-  padding: 40px 20px;
+    width: 100%;
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 40px 20px;
 }
 
 .text-left {
-  text-align: left;
+    text-align: left;
 }
 
 .text-right {
-  text-align: right;
+    text-align: right;
 }
 
 .text-center {
-  text-align: center;
+    text-align: center;
 }
 
+
 /* ==========================================================================
    HEADER & HERO
    ========================================================================== */
 
-
 header {
-  background-color: #333333;
-  background-image: url('../img/hero-bg-pizza.jpg');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
-  margin: 0;
-  color: #FFFFFF;
-  text-align: center;
-  min-height: 80vh;
+    background-color: #333333;
+    background-image: url('../img/hero-bg-pizza.jpg');
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    margin: 0;
+    color: #FFFFFF;
+    text-align: center;
+    min-height: 80vh;
 }
 
 nav::after {
-  visibility: hidden;
-  display: block;
-  content: "";
-  clear: both;
-  height: 0;
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0;
 }
 
 .nav-logo {
-  width: 100%;
-  max-width: 400px;
-  margin: 0 auto;
+    width: 100%;
+    max-width: 400px;
+    margin: 0 auto;
 }
 
-
 nav ul {
-  list-style: none;
-  text-align: center;
-  margin: 0;
+    list-style: none;
+    text-align: center;
+    margin: 0;
 }
 
 nav li {
-  font-family: 'Roboto Slab', serif;
-  font-size: 100%;
-  font-weight: 700;
-  border-bottom: none;
-  display: block;
+    font-family: 'Roboto Slab', serif;
+    font-size: 100%;
+    font-weight: 700;
+    border-bottom: none;
+    display: block;
 }
 
-
-
 nav a {
-  text-decoration: none;
-  text-transform: uppercase;
-  color: #fff;
-  display: block;
-  padding: 12px 0;
-  text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    color: #fff;
+    display: block;
+    padding: 12px 0;
+    text-align: center;
 }
 
 nav a:hover {
-  background-color: #871719;
+    background-color: #871719;
 }
 
-.hero-text{
-  display: block;
-  clear: both;
+.hero-text {
+    display: block;
+    clear: both;
 }
 
+
 /* ==========================================================================
    GRID SYSTEM
    ========================================================================== */
 
 .section {
-	clear: both;
-	padding: 0px;
-	margin: 0px;
+    clear: both;
+    padding: 0px;
+    margin: 0px;
 }
 
 .col {
-	display: block;
-	float:left;
-	margin: 1% 0 1% 1.6%;
+    display: block;
+    float: left;
+    margin: 1% 0 1% 1.6%;
+}
+
+.col:first-child {
+    margin-left: 0;
 }
-.col:first-child { margin-left: 0; }
 
 .group:before,
-.group:after { content:""; display:table; }
-.group:after { clear:both;}
-.group { zoom:1; /* For IE 6/7 */ }
+.group:after {
+    content: "";
+    display: table;
+}
+
+.group:after {
+    clear: both;
+}
+
+.group {
+    zoom: 1;
+    /* For IE 6/7 */
+}
 
 .span_1_of_2 {
-  width: 100%;
+    width: 100%;
 }
-.span_2_of_2{
-  width: 100%;
+
+.span_2_of_2 {
+    width: 100%;
 }
 
 
@@ -242,68 +335,67 @@ nav a:hover {
   ========================================================================== */
 
 a.hero-button:link {
-  font-size: 140%;
-  font-family: 'Roboto Slab', serif;
-  text-transform: uppercase;
-  font-weight: 700;
-  border: 2px solid #FFFFFF;
-  padding: 6px 12px;
+    font-size: 140%;
+    font-family: 'Roboto Slab', serif;
+    text-transform: uppercase;
+    font-weight: 700;
+    border: 2px solid #FFFFFF;
+    padding: 6px 12px;
 }
 
 a.hero-button:hover {
-  border-color: #871719;
-  background-color: #871719;
+    border-color: #871719;
+    background-color: #871719;
 }
 
+
 /* ==========================================================================
    FORMS
    ========================================================================== */
 
-form {
-
-}
+form {}
 
 input {
-  width: 90%;
-  display: block;
-  border: 1px solid #333333;
-  border-radius: 3px;
-  height: 36px;
-  padding: 8px;
-  margin: 10px 0px;
-  font-size: 100%;
+    width: 90%;
+    display: block;
+    border: 1px solid #333333;
+    border-radius: 3px;
+    height: 36px;
+    padding: 8px;
+    margin: 10px 0px;
+    font-size: 100%;
 }
 
 label {
-  margin-top: 20px;
-  margin-bottom: 10px;
+    margin-top: 20px;
+    margin-bottom: 10px;
 }
 
 textarea#comment-field {
-  display: block;
-  border: 1px solid #333333;
-  border-radius: 3px;
-  height: 200px;
-  padding: 8px;
-  margin: 10px 0px;
-  font-size: 100%;
-  width: 100%;
+    display: block;
+    border: 1px solid #333333;
+    border-radius: 3px;
+    height: 200px;
+    padding: 8px;
+    margin: 10px 0px;
+    font-size: 100%;
+    width: 100%;
 }
 
 button {
-  background-color: #FFC400;
-  color: #871719;
-  font-family: 'Roboto Slab', serif;
-  font-size: 80%;
-  text-transform: uppercase;
-  font-weight: 700;
-  height: 40px;
-  width: 100%;
+    background-color: #FFC400;
+    color: #871719;
+    font-family: 'Roboto Slab', serif;
+    font-size: 80%;
+    text-transform: uppercase;
+    font-weight: 700;
+    height: 40px;
+    width: 100%;
 }
 
 input.button:hover {
-  background: #fff;
-  color: #09C;
+    background: #fff;
+    color: #09C;
 }
 
 .nwsltr-label {
@@ -338,13 +430,14 @@ input.button:hover {
 }
 
 .nwsltr-btn:hover {
-  background-color: purple;
+    background-color: purple;
 }
 
 .nwsltr {
-  background-color: #E8D5B5;
+    background-color: #E8D5B5;
 }
 
+
 /* ==========================================================================
    Section Details
    ========================================================================== */
@@ -360,12 +453,12 @@ input.button:hover {
 }
 
 .menu-head {
-  text-align: left;
+    text-align: left;
 }
 
 .menu {
-  width: 100%;
-  padding: 0 1em 0 0;
+    width: 100%;
+    padding: 0 1em 0 0;
 }
 
 .menu-price {
@@ -377,7 +470,7 @@ input.button:hover {
 }
 
 .red {
-  color: #871719;
+    color: #871719;
 }
 
 footer {
@@ -389,29 +482,25 @@ footer {
 /* ==========================================================================
    Media Queries
    ========================================================================== */
-@media screen and (min-width: 994px) {
-  .span_1_of_2 {
-      width: 49.2%;
-  }
-
-  nav {
-    margin-top: 4em;
-  }
-
-  nav li {
-      width: 24.95%;
-      max-width: 110px;
-      border-bottom: none;
-      display: inline-block;
-  }
-
-  .nwsltr-input {
-    width: 70%;
-    float: left;
-  }
-
-  .nwsltr-btn {
-    width: 20%;
-  }
 
-}
+@media screen and (min-width: 994px) {
+    .span_1_of_2 {
+        width: 49.2%;
+    }
+    nav {
+        margin-top: 4em;
+    }
+    nav li {
+        width: 24.95%;
+        max-width: 110px;
+        border-bottom: none;
+        display: inline-block;
+    }
+    .nwsltr-input {
+        width: 70%;
+        float: left;
+    }
+    .nwsltr-btn {
+        width: 20%;
+    }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3f126d0..61a2a7b 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,25 @@
 <!DOCTYPE html>
 
-<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  
-  <title>Louie's Pizza - 271 Clay St. Louiville, KY</title>
+<html lang="en">
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
-  <meta name="description" content="Louie&#39;s Pizza Website">
-  <meta name="author" content="Don Hansen/Ernesto Ramos/Code Louiville">
+    <title>Louie's Pizza - 271 Clay St. Louiville, KY</title>
 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Louie&#39;s Pizza Website">
+    <meta name="author" content="Don Hansen/Ernesto Ramos/Code Louiville">
 
-  <!--Insert Style Sheet Here-->
-  <link rel="stylesheet" href="css/styles.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <!-- Insert Google Fonts Here -->
-  <link rel="stylesheet" href="css/fonts.css" />
+    <!--Insert Style Sheet Here-->
+    <link rel="stylesheet" href="css/styles.css" />
 
-  <!--[if lt IE 9]>
+    <!-- Insert Google Fonts Here -->
+    <link rel="stylesheet" href="css/fonts.css" />
+    <link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@500&display=swap" rel="stylesheet" <!--[if lt IE 9]>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-  <![endif]-->
+    <![endif]-->
   
 </head>
 
@@ -205,4 +207,4 @@ <h2><span class="red">Louie's</span> Menu</h2>
 <script src="js/app.js" type="text/javascript" ></script>
 
 </body>
-</html>
+</html>
\ No newline at end of file