diff --git a/src/.env.local.js.example b/src/.env.local.js.example
index 75a192c..8f4c409 100644
--- a/src/.env.local.js.example
+++ b/src/.env.local.js.example
@@ -46,6 +46,20 @@ module.exports = {
   pageTitle: null,
   // OPTIONAL: The hostname to emulate when testing.
   hostname: "example.local",
+  layoutAndClasses : {
+    // OPTIONAL: Specify the column widths.
+    gridTemplateColumns: "33% 66%",
+    // OPTIONAL: Add custom classes.
+    containerClass: "custom-container",
+    asideClass: "custom-aside",
+    mainClass: "custom-main",
+    // OPTIONAl: Reverse desktop column order.
+    reverseDesktopColumns: false,
+    // OPTIONAL: Reverse mobile stack order.
+    reverseMobileOrder: false,
+    // Breakpoint for Desktop. Layout will change when wider then the value specifed.
+    breakpointDesktop: 900,
+  },
   // OPTIONAL: Machine name of those search fields whose facets/filter and current values should be hidden in UI.
   // Note: if their values are pre-set (i.e. sent in qs to app), they will still be sent in the query.
   // hiddenSearchFields: [ // Defaults to [];
diff --git a/src/components/_fs-aside.scss b/src/components/_fs-aside.scss
index 47337d9..2e24127 100644
--- a/src/components/_fs-aside.scss
+++ b/src/components/_fs-aside.scss
@@ -8,12 +8,15 @@
 .fs-aside {
   margin-left: 0;
   margin-bottom: rhythm(1);
-  background-color: $c-bg-gray;
+}
+
+.fs-aside__mobile-reverse {
+  order: 2;
+}
 
+// Layout option to move aside to right on desktop
+.fs-aside__desktop-reverse {
   @include breakpoint($bp2) {
-    float: left;
-    clear: both;
-    width: 22.85714%;
-    padding-top: rhythm(1);
+    order: 6; // Should be higher than all mobile orders.
   }
 }
diff --git a/src/components/_fs-container.scss b/src/components/_fs-container.scss
new file mode 100644
index 0000000..01dcc3a
--- /dev/null
+++ b/src/components/_fs-container.scss
@@ -0,0 +1,26 @@
+/**
+ * container.scss
+ * Define container styles.
+ *
+ * @copyright Copyright (c) 2017-2020 Palantir.net
+ */
+
+.fs-container {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 260px;
+  padding: 0 1.46667em;
+  margin: 0 auto;
+  @include breakpoint($bp2) {
+    display: grid;
+    grid-column-gap: 0;
+    grid-template-columns: 22.85714% 74.28571%;
+    width: 90%;
+    padding: 0;
+  }
+  @include breakpoint($bp2) {
+    max-width: 1400px;
+  }
+}
diff --git a/src/components/_fs-main.scss b/src/components/_fs-main.scss
index 79efd62..0cce59a 100644
--- a/src/components/_fs-main.scss
+++ b/src/components/_fs-main.scss
@@ -9,11 +9,19 @@
   margin-left: 0;
   margin-right: 0;
   margin-bottom: rhythm(1);
+  @include breakpoint($bp2) {
+    padding-left: 3.703713%; //Default to match previous version 1.x padding.
+  }
+  &.fs-main__has-custom-columns {
+    @include breakpoint($bp2) {
+      padding-left: 2em;
+    }
+  }
+}
 
+.fs-main__desktop-reverse {
   @include breakpoint($bp2) {
-    float: right;
-    clear: none;
-    width: 74.28571%;
-    padding-top: rhythm(1);
+    padding-left: 0;
+    padding-right: 2em;
   }
 }
diff --git a/src/components/_fs-search-filters.scss b/src/components/_fs-search-filters.scss
index 0f5ec45..e3b584a 100644
--- a/src/components/_fs-search-filters.scss
+++ b/src/components/_fs-search-filters.scss
@@ -5,6 +5,13 @@
  * @copyright Copyright (c) 2017-2019 Palantir.net
  */
 
+.fs-search-filters {
+  background-color: $c-bg-gray;
+  @include breakpoint($bp2) {
+    padding-top: rhythm(1);
+  }
+}
+
 .fs-search-filters__trigger,
 .fs-search-accordion__title {
   @include adjust-font-size-to($sm-heading, 1);
@@ -208,6 +215,7 @@
 }
 
 .fs-search-accordion__title {
+  margin: 0;
   @extend %h2;
   border-bottom: solid 1px $gray-light;
   padding-top: rhythm(.75);
diff --git a/src/components/federated-solr-faceted-search.js b/src/components/federated-solr-faceted-search.js
index 19810c5..c3dd389 100644
--- a/src/components/federated-solr-faceted-search.js
+++ b/src/components/federated-solr-faceted-search.js
@@ -98,14 +98,25 @@ class FederatedSolrFacetedSearch extends React.Component {
       pageTitle = <h1>{this.props.options.pageTitle}</h1>;
     }
 
+    // Grab env vars.
+    const {
+      containerClass = '',
+      asideClass = '',
+      mainClass = '',
+      gridTemplateColumns = '',
+      reverseDesktopColumns = false,
+      reverseMobileOrder = false,
+    } = this.props.options.layoutAndClasses || {};
+
     return (
       <LiveAnnouncer>
-        <div className="fs-container">
-          <aside className="fs-aside">
+        <div className={`fs-container ${containerClass}`} style={{ gridTemplateColumns: gridTemplateColumns }}>
+          <aside className={`fs-aside ${asideClass} ${reverseDesktopColumns ? 'fs-aside__desktop-reverse' : ''} ${reverseMobileOrder ? 'fs-aside__mobile-reverse' : ''}`}>
             <SearchFieldContainerComponent
               bootstrapCss={bootstrapCss}
               onNewSearch={this.resetFilters}
               resultsCount={this.props.results.numFound}
+              options={this.props.options}
             >
               {/* Only render the visible facets / filters.
                   Note: their values may still be used in the query, if they were pre-set. */}
@@ -137,7 +148,7 @@ class FederatedSolrFacetedSearch extends React.Component {
               }
             </SearchFieldContainerComponent>
           </aside>
-          <div className="fs-main">
+          <div className={`fs-main ${mainClass} ${reverseDesktopColumns ? 'fs-main__desktop-reverse' : ''} ${reverseMobileOrder ? 'fs-main__mobile-reverse' : ''} ${gridTemplateColumns ? 'fs-main__has-custom-columns' : ''}`}>
             {pageTitle}
             <div className="fs-search-form" autoComplete="on">
               <FederatedTextSearch
diff --git a/src/components/search-field-container.js b/src/components/search-field-container.js
index ac06632..46f6496 100644
--- a/src/components/search-field-container.js
+++ b/src/components/search-field-container.js
@@ -11,9 +11,12 @@ class FederatedSearchFieldContainer extends React.Component {
     // This will return the width of the viewport.
     let intFrameWidth = window.innerWidth;
 
+    // Get our breakpoint option from env.
+    const { breakpointDesktop = '900' } = this.props.options.layoutAndClasses || {};
+
     this.state = {
       // Filters are visible for large / hidden for small screens by default.
-      expanded: intFrameWidth > 900,
+      expanded: intFrameWidth > breakpointDesktop,
     };
 
     this.handleClick = this.handleClick.bind(this);
@@ -22,7 +25,7 @@ class FederatedSearchFieldContainer extends React.Component {
       // Desktop height.
       let height = 'auto';
       // In mobile view, when resized, lets close things.
-      if (window.innerWidth < 900) {
+      if (window.innerWidth < breakpointDesktop) {
         height = 0;
       }
       this.setState({
@@ -78,6 +81,7 @@ class FederatedSearchFieldContainer extends React.Component {
 FederatedSearchFieldContainer.propTypes = {
   children: PropTypes.array,
   onNewSearch: PropTypes.func,
+  options: PropTypes.object,
 };
 
 export default FederatedSearchFieldContainer;
diff --git a/src/components/sort-menu/_fs-search-scope.scss b/src/components/sort-menu/_fs-search-scope.scss
index 2ab72fe..d82a16a 100644
--- a/src/components/sort-menu/_fs-search-scope.scss
+++ b/src/components/sort-menu/_fs-search-scope.scss
@@ -10,6 +10,70 @@
   margin: rhythm(1) 0;
 }
 
+.fs-search-scope__filter {
+  width: 48.57143%;
+  clear: right;
+  float: left;
+  margin-left: 0;
+  margin-right: 2.85714%;
+
+  @include breakpoint($bp1) {
+    width: 31.42857%;
+    clear: right;
+    float: left;
+    margin-left: 0;
+    margin-right: 2.85714%;
+  }
+
+  &:nth-of-type(3n+1) {
+    width: 48.57143%;
+    clear: right;
+    float: left;
+    margin-left: 0;
+    margin-right: 2.85714%;
+    clear: both;
+
+    @include breakpoint($bp1) {
+      width: 31.42857%;
+      float: left;
+      margin-right: -100%;
+      margin-left: 0;
+      clear: both;
+    }
+  }
+
+  &:nth-of-type(3n+2) {
+    width: 48.57143%;
+    clear: right;
+    float: right;
+    margin-right: 0;
+
+    @include breakpoint($bp1) {
+      width: 31.42857%;
+      float: left;
+      margin-right: -100%;
+      margin-left: 34.28571%;
+      clear: none;
+    }
+  }
+
+  &:nth-of-type(3n+3) {
+    width: 48.57143%;
+    clear: right;
+    float: left;
+    margin-left: 0;
+    margin-right: 2.85714%;
+    clear: both;
+
+    @include breakpoint($bp1) {
+      width: 31.42857%;
+      float: right;
+      margin-left: 0;
+      margin-right: 0;
+      clear: none;
+    }
+  }
+}
 .fs-search-scope__select {
   @extend %select;
   @include adjust-font-size-to($label, .8);
diff --git a/src/components/text-search/_fs-autocomplete.scss b/src/components/text-search/_fs-autocomplete.scss
index aec24d3..2905633 100644
--- a/src/components/text-search/_fs-autocomplete.scss
+++ b/src/components/text-search/_fs-autocomplete.scss
@@ -8,6 +8,17 @@
 
 .fs-search-form__autocomplete-container {
   display: flex;
+  @include breakpoint($bp1) {
+    width: 75%;
+  }
+
+  @include breakpoint($bp3) {
+    width: 50%;
+  }
+
+  .fs-search-form__input-wrapper {
+    width: 100%;
+  }
 }
 
 /** These classes are outside of Federated Search app namespace. **/
diff --git a/src/components/text-search/_fs-search-form.scss b/src/components/text-search/_fs-search-form.scss
index 7e56312..f76513f 100644
--- a/src/components/text-search/_fs-search-form.scss
+++ b/src/components/text-search/_fs-search-form.scss
@@ -21,6 +21,13 @@
   border-radius: 3px;
   display: flex;
   justify-content: space-between;
+  @include breakpoint($bp1) {
+    width: 75%;
+  }
+
+  @include breakpoint($bp3) {
+    width: 50%;
+  }
 }
 
 .fs-search-form__input {
diff --git a/src/styles.css b/src/styles.css
index e09be44..165a7e9 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -208,6 +208,12 @@
   border-radius: 3px;
   display: flex;
   justify-content: space-between; }
+  @media (min-width: 600px) {
+    .fs-search-form__input-wrapper {
+      width: 75%; } }
+  @media (min-width: 1100px) {
+    .fs-search-form__input-wrapper {
+      width: 50%; } }
 
 .fs-search-form__input {
   font-size: 0.8em;
@@ -257,6 +263,14 @@
  */
 .fs-search-form__autocomplete-container {
   display: flex; }
+  @media (min-width: 600px) {
+    .fs-search-form__autocomplete-container {
+      width: 75%; } }
+  @media (min-width: 1100px) {
+    .fs-search-form__autocomplete-container {
+      width: 50%; } }
+  .fs-search-form__autocomplete-container .fs-search-form__input-wrapper {
+    width: 100%; }
 
 /** These classes are outside of Federated Search app namespace. **/
 .react-autosuggest__container {
@@ -363,6 +377,12 @@
  *
  * @copyright Copyright (c) 2017-2019 Palantir.net
  */
+.fs-search-filters {
+  background-color: #f6f6f6; }
+  @media (min-width: 900px) {
+    .fs-search-filters {
+      padding-top: 1.46667em; } }
+
 .fs-search-filters__trigger,
 .fs-search-accordion__title {
   font-size: 1em;
@@ -507,6 +527,7 @@
   margin: 0 0 0 0.73333em; }
 
 .fs-search-accordion__title {
+  margin: 0;
   border-bottom: solid 1px #e5e5e5;
   padding-top: 1.1em;
   padding-bottom: 1.1em; }
@@ -524,6 +545,31 @@
   .fs-search-accordion__title.js-fs-search-accordion-open:after {
     content: "–"; }
 
+/**
+ * container.scss
+ * Define container styles.
+ *
+ * @copyright Copyright (c) 2017-2020 Palantir.net
+ */
+.fs-container {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-width: 260px;
+  padding: 0 1.46667em;
+  margin: 0 auto; }
+  @media (min-width: 900px) {
+    .fs-container {
+      display: grid;
+      grid-column-gap: 0;
+      grid-template-columns: 22.85714% 74.28571%;
+      width: 90%;
+      padding: 0; } }
+  @media (min-width: 900px) {
+    .fs-container {
+      max-width: 1400px; } }
+
 /**
  * aside.scss
  * Define aside styles.
@@ -532,14 +578,14 @@
  */
 .fs-aside {
   margin-left: 0;
-  margin-bottom: 1.46667em;
-  background-color: #f6f6f6; }
-  @media (min-width: 900px) {
-    .fs-aside {
-      float: left;
-      clear: both;
-      width: 22.85714%;
-      padding-top: 1.46667em; } }
+  margin-bottom: 1.46667em; }
+
+.fs-aside__mobile-reverse {
+  order: 2; }
+
+@media (min-width: 900px) {
+  .fs-aside__desktop-reverse {
+    order: 6; } }
 
 /**
  * aside.scss
@@ -553,10 +599,15 @@
   margin-bottom: 1.46667em; }
   @media (min-width: 900px) {
     .fs-main {
-      float: right;
-      clear: none;
-      width: 74.28571%;
-      padding-top: 1.46667em; } }
+      padding-left: 3.703713%; } }
+  @media (min-width: 900px) {
+    .fs-main.fs-main__has-custom-columns {
+      padding-left: 2em; } }
+
+@media (min-width: 900px) {
+  .fs-main__desktop-reverse {
+    padding-left: 0;
+    padding-right: 2em; } }
 
 /**
  * fs-search-results.scss
@@ -631,6 +682,60 @@
 .fs-search-scope {
   margin: 1.46667em 0; }
 
+.fs-search-scope__filter {
+  width: 48.57143%;
+  clear: right;
+  float: left;
+  margin-left: 0;
+  margin-right: 2.85714%; }
+  @media (min-width: 600px) {
+    .fs-search-scope__filter {
+      width: 31.42857%;
+      clear: right;
+      float: left;
+      margin-left: 0;
+      margin-right: 2.85714%; } }
+  .fs-search-scope__filter:nth-of-type(3n+1) {
+    width: 48.57143%;
+    clear: right;
+    float: left;
+    margin-left: 0;
+    margin-right: 2.85714%;
+    clear: both; }
+    @media (min-width: 600px) {
+      .fs-search-scope__filter:nth-of-type(3n+1) {
+        width: 31.42857%;
+        float: left;
+        margin-right: -100%;
+        margin-left: 0;
+        clear: both; } }
+  .fs-search-scope__filter:nth-of-type(3n+2) {
+    width: 48.57143%;
+    clear: right;
+    float: right;
+    margin-right: 0; }
+    @media (min-width: 600px) {
+      .fs-search-scope__filter:nth-of-type(3n+2) {
+        width: 31.42857%;
+        float: left;
+        margin-right: -100%;
+        margin-left: 34.28571%;
+        clear: none; } }
+  .fs-search-scope__filter:nth-of-type(3n+3) {
+    width: 48.57143%;
+    clear: right;
+    float: left;
+    margin-left: 0;
+    margin-right: 2.85714%;
+    clear: both; }
+    @media (min-width: 600px) {
+      .fs-search-scope__filter:nth-of-type(3n+3) {
+        width: 31.42857%;
+        float: right;
+        margin-left: 0;
+        margin-right: 0;
+        clear: none; } }
+
 .fs-search-scope__select {
   font-size: 0.8em;
   line-height: 1.46667em;
diff --git a/src/styles.scss b/src/styles.scss
index a7a9ff7..99019be 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -21,6 +21,7 @@
 @import "components/text-search/fs-search-form";
 @import "components/text-search/fs-autocomplete";
 @import "components/fs-search-filters";
+@import "components/fs-container";
 @import "components/fs-aside";
 @import "components/fs-main";
 @import "components/results/fs-search-results";