Header slogan and search bar style & position

diff --git a/header.php b/header.php
index cf2af99..dd4323c 100644 (file)
--- a/header.php
+++ b/header.php
@@ -18,7 +18,7 @@
                             <a id="logo" class="text-center" href="<?php bloginfo('url');?>"><img src="<?php bloginfo('template_url'); ?>/assets/logo.png"></a>
                         </div>
                         <div class="small-12 medium-8 columns right">
-                            <div class="small-8 columns show-for-medium-up">
+                            <div class="small-12 large-8 columns show-for-medium-up">
                                 <nav class="sec-nav">
                                     <ul>
                                         <li><a href="<?php echo esc_url( get_permalink( get_page_by_title( 'Volunteer / Careers' ) ) ); ?>">Volunteer/Careers</a></li>

diff --git a/scss/_structure.scss b/scss/_structure.scss
index bbbc41d..159ef29 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -45,7 +45,7 @@ h5 {
 h1 {
     color: #b5121b;
 /*    font-family: copperplatetbolregular;*/
-    font-size: rem-calc(36);
+    font-size: rem-calc(35);
     font-weight: normal;
     letter-spacing: 0.1em;
     margin: 0;
@@ -85,7 +85,7 @@ h3 {
         }
     }
 }
-header .row .search img {
+header .row .search-top img {
   border-radius: 10px;
   float: right;
   margin-top: -24px;
@@ -98,14 +98,6 @@ header .row .search img {
     width: 24px;
     padding: 0;
 }
-#top-search-button {
-  border: 1px solid lightgrey;
-  float: right;
-  margin-top: -24px;
-  padding: 0;
-  position: sticky;
-  width: 32px;
-}
 #page-header {
     background: $black;
     .row {
@@ -118,6 +110,11 @@ header .row .search img {
             h1 {
                 line-height: 1;
                 margin-top: -5px;
+                font-weight: bold;
+            }
+            @media #{$medium-only} {
+                width: 700px;
+                text-align: center;
             }
         }
         .sec-nav {