Beginning breakout

I am setting up the breakout and making beginning progress.

diff --git a/css/app.css b/css/app.css
index ccab614..0b00966 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -111,7 +111,7 @@ select {
 
 .row {
   margin: 0 auto;
-  max-width: 62.5rem;
+  max-width: 75rem;
   width: 100%; }
   .row:before, .row:after {
     content: " ";
@@ -3654,7 +3654,7 @@ ul.pagination {
     .reveal-modal {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 80%; } }
   @media only screen and (min-width:40.063em) {
@@ -3673,35 +3673,35 @@ ul.pagination {
     .reveal-modal.tiny {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 30%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.small {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 40%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.medium {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 60%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.large {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 70%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.xlarge {
       left: 0;
       margin: 0 auto;
-      max-width: 62.5rem;
+      max-width: 75rem;
       right: 0;
       width: 95%; } }
   .reveal-modal.full {
@@ -3716,7 +3716,7 @@ ul.pagination {
       .reveal-modal.full {
         left: 0;
         margin: 0 auto;
-        max-width: 62.5rem;
+        max-width: 75rem;
         right: 0;
         width: 100%; } }
   .reveal-modal.toback {
@@ -4565,7 +4565,7 @@ meta.foundation-mq-topbar {
   .contain-to-grid .top-bar {
     margin: 0 auto;
     margin-bottom: 0;
-    max-width: 62.5rem; }
+    max-width: 75rem; }
   .top-bar-section {
     transition: none 0 0;
     left: 0 !important; }

diff --git a/parts/header-meta.php b/parts/header-meta.php
index 439c6d1..87588c9 100644 (file)
--- a/parts/header-meta.php
+++ b/parts/header-meta.php
@@ -3,6 +3,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><?php wp_title(); ?></title>
     <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
+    <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
     <?php wp_head(); ?>
   </head>
\ No newline at end of file

diff --git a/scss/_settings.scss b/scss/_settings.scss
index 1e9f3f9..3134394 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -79,7 +79,7 @@ $include-html-global-classes: $include-html-classes;
 // $include-html-grid-classes: $include-html-classes;
 // $include-xl-html-grid-classes: false;
 
-$row-width: rem-calc(1000);
+$row-width: rem-calc(1200);
 $total-columns: 12;
 $column-gutter: rem-calc(30);