Compile and port minor facet style improvements.

themes/bootstrap3/scss/components/search.scss

@@ -304,3 +304,12 @@ body.rtl {
   font-size: inherit;
   font-style: italic;
 }
+
+/* ------ TOP FACETS ------ */
+@media (min-width: 768px) {
+  .top-title .fa { display: none; }
+  .top-facets .collapse {
+    display: block;
+    height: auto !important;
+  }
+}

themes/bootstrap3/scss/components/sidebar.scss

 .facet-group {
   display: block;
   margin-bottom: 1rem;
+  padding-left: 0;
 
   .facet,
   .title {
     display: block;
     padding: 8px 15px;
     line-height: 1.5rem;
+    width: 100%;
+    text-align: left;
+    background-color: transparent;
 
     .badge,
     .status {
@@ -86,7 +90,6 @@
 
 .active-filters .facet,
 .facet-group .active {
-  padding-right: .65rem;
   background-color: $brand-primary;
   color: #fff;
 

themes/sandal/scss/search.scss

@@ -151,8 +151,8 @@
   @include full-width();
   @include clearfix();
   position: relative;
-  padding: 6rem 3rem;
-  padding-left: calc(50vw - 50%); // Align searchbox with container
+  padding: 1rem;
+  padding-bottom: 2rem;
   background-color: $header-bg;
   background-image: url('../../sandal/images/forest.jpg');
   background-repeat: no-repeat;
@@ -164,12 +164,30 @@
     color: $white;
     text-shadow: 0 1px 0 $black;
   }
+  @media (min-width: 768px) {
+    height: 300px;
+    padding: 7rem 3rem;
+    padding-left: calc(50vw - 50% + .5rem); // Align searchbox with container
+  }
 }
-.searchHomeContent::before {
+.searchHomeContent::after {
   position: absolute;
-  top: 0;
+  bottom: 0;
   left: 0;
-  background-color: rgba(255,255,255,.5);
+  display: block;
+  width: 100%;
+  padding: .25rem .5rem;
+  padding-left: 1rem;
+  font-size: 10px;
+  color: #fff;
+  background-color: rgba(0,0,0,.3);
+  content: "Photo by Paul Gilmore on Unsplash";
+  @media (min-width: 768px) {
+    left: auto;
+    right: calc(50% - 50vw + .5rem);
+    width: auto;
+    padding-left: .5rem;
+  }
 }
 .template-dir-search.template-name-home .breadcrumbs { border: 0; }
 .home-facet h2 { margin-top: 1rem; }

themes/sandal/scss/variables.scss

@@ -13,6 +13,10 @@ $result-sm-icon-size: 1.5rem !default;
 @mixin full-width(){ // Break out of the container
   margin-right: calc(50% - 50vw + .5rem); // .5rem seems to be the margin of error in Chrome
   margin-left: calc(50% - 50vw + .5rem);
+  @media (min-width: 992px) {
+    margin-left: calc(50% - 50vw);
+    margin-right: calc(50% - 50vw);
+  }
 }
 @mixin background-image($file){
   background-image: url("#{$img-path}#{$file}");