Update app.css

css/app.css

@@ -58,7 +58,7 @@ body {
   background: #fff;
   color: #333333;
   cursor: auto;
-  font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
   line-height: 1.5;
@@ -908,7 +908,7 @@ select {
       background: #EFEFEF;
       color: #222222;
       display: block;
-      font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
       font-size: 1rem;
       padding: 1rem; }
       .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
@@ -1305,7 +1305,7 @@ button, .button {
   border-style: solid;
   border-width: 0;
   cursor: pointer;
-  font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: normal;
   line-height: normal;
   margin: 0 0 1.25rem;
@@ -3055,7 +3055,7 @@ label.error {
 
 .label {
   display: inline-block;
-  font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   font-weight: normal;
   line-height: 1;
   margin-bottom: auto;
@@ -3431,7 +3431,7 @@ ul.pagination {
   .pricing-table .title {
     background-color: #333333;
     color: #EEEEEE;
-    font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+    font-family: '"Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
     font-size: 1rem;
     font-weight: normal;
     padding: 0.9375rem 1.25rem;
@@ -3439,7 +3439,7 @@ ul.pagination {
   .pricing-table .price {
     background-color: #F6F6F6;
     color: #333333;
-    font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+    font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
     font-size: 2rem;
     font-weight: normal;
     padding: 0.9375rem 1.25rem;
@@ -3693,7 +3693,7 @@ ul.pagination {
 
 .side-nav {
   display: block;
-  font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
   list-style-position: outside;
   list-style-type: none;
   margin: 0;
@@ -3714,7 +3714,7 @@ ul.pagination {
         color: #c4ac90; }
     .side-nav li.active > a:first-child:not(.button) {
       color: #c4ac90;
-      font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
       font-weight: normal; }
     .side-nav li.divider {
       border-top: 1px solid;
@@ -3832,7 +3832,7 @@ ul.pagination {
   .sub-nav dt, .sub-nav dd, .sub-nav li {
     color: #999999;
     float: left;
-    font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+    font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
     font-size: 0.875rem;
     font-weight: normal;
     margin-left: 1rem;
@@ -4007,7 +4007,7 @@ table {
       display: block;
       background-color: #EFEFEF;
       color: #222222;
-      font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
       font-size: 1rem;
       padding: 1rem 2rem; }
       .tabs dd > a:hover, .tabs .tab-title > a:hover {
@@ -4309,7 +4309,7 @@ meta.foundation-mq-topbar {
     .top-bar-section ul li > a {
       color: #FFFFFF;
       display: block;
-      font-family: 'josefin sans', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-family: "Overpass", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
       font-size: 0.8125rem;
       font-weight: normal;
       padding-left: 1.25rem;
@@ -4815,7 +4815,7 @@ p {
 /* Default header styles */
 h1, h2, h3, h4, h5, h6 {
   color: #333333;
-  font-family: "chivo";
+  font-family: "Overpass";
   font-style: normal;
   font-weight: bold;
   line-height: 1.4;