diff --git a/package-lock.json b/package-lock.json
index cca1a43..2f410dc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "dependencies": {
         "date-fns": "^2.29.3",
+        "lodash": "^4.17.21",
         "mapbox-gl": "^2.7.1",
         "react": "^17.0.2",
         "react-datepicker": "^4.10.0",
@@ -9356,7 +9357,8 @@
     },
     "node_modules/lodash": {
       "version": "4.17.21",
-      "license": "MIT"
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
diff --git a/package.json b/package.json
index 02c903a..00aaec5 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "private": false,
   "dependencies": {
     "date-fns": "^2.29.3",
+    "lodash": "^4.17.21",
     "mapbox-gl": "^2.7.1",
     "react": "^17.0.2",
     "react-datepicker": "^4.10.0",
diff --git a/src/App.css b/src/App.css
index 297e9ab..3656ba6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -10,30 +10,18 @@ header {
   margin-right: 1rem;
 }
 
-.Header-Text {
-  display: flex;
-  align-items: baseline;
-}
-
 .Header-Title {
   margin: 0;
-  margin-right: 1rem;
   font-size: 2rem;
 }
 
-.Header-Explainer {
-  margin: 0;
-  font-size: 0.75rem;
-  font-style: italic;
-}
-
 .Content {
   display: flex;
 }
 
 .Content-FilterPane {
   flex-basis: 30%;
-  min-width: 250px;
+  min-width: 300px;
   padding-left: 1.5rem;
   padding-right: 1rem;
   padding-bottom: 1.5rem;
@@ -48,38 +36,62 @@ header {
   font-size: 0.75rem;
 }
 
-.Filters-Header {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.Filters-Header-Label {
+.Filters-Reset {
   margin: 0;
 }
 
-.Filters-Header-Reset {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
 form > label {
   font-size: 1rem;
   display: block;
   margin-bottom: 0.25rem;
 }
 
-.Filter-Label-Text {
-  width: 80px;
+.Filter-Text {
+  font-size: 1.25rem;
+  line-height: 1.65rem;
+  margin: 1.5rem 0;
+}
+
+.Filter-DateText {
+  width: 100px;
+  font-size: 1rem;
+  display: inline !important;
+}
+
+.Filter-SelectText {
+  font-size: 1rem;
+  margin: 0 0.4rem;
+}
+
+.Filter-List {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  margin-top: 0.25rem;
+  padding-left: 1.5rem;
+}
+
+.Filter-ListItem {
+  display: flex;
+  align-items: center;
 }
 
 .react-datepicker-wrapper {
-  display: inline;
+  display: inline !important;
 }
 
 .react-datepicker__input-container {
-  display: inline;
+  display: inline !important;
+}
+
+/* Prevent the date picker from pushing the following text to a new line */
+.react-datepicker__tab-loop {
+  position: absolute;
+}
+
+.Filter-Checkbox {
+  transform: scale(1.15);
+  margin-right: 0.55rem;
 }
 
 .Map-Popup {
diff --git a/src/App.js b/src/App.js
index 87b8c4d..10529d4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,5 @@
 import { add, sub } from "date-fns";
+import { range } from "lodash";
 import React, { Component, Fragment } from "react";
 import ReactMapGL, { Marker, Popup } from "react-map-gl";
 import DatePicker from "react-datepicker";
@@ -12,9 +13,9 @@ const Filters = ({
   onChangeAfterDate,
   beforeDate,
   onChangeBeforeDate,
-  consecutiveDaysMax,
-  consecutiveDays,
-  onChangeConsecutiveDays,
+  consecutiveNightsMax,
+  consecutiveNights,
+  onChangeConsecutiveNights,
   allCellCarriers,
   cellCarrier,
   onChangeCellCarrier,
@@ -36,91 +37,116 @@ const Filters = ({
 
   return (
     <section className="Filters">
-      <div className="Filters-Header">
-        <h2 className="Filters-Header-Label">Filters</h2>
-        <input
-          type="reset"
-          className="Filters-Header-Reset"
-          value="Reset filters"
-          onClick={onReset}
-        ></input>
-      </div>
-
       <form onSubmit={(e) => e.preventDefault()}>
-        <label>
-          After date:{"\u00A0"}
+        <div className="Filter-Text">
+          I'd like to{" "}
+          <a
+            href="https://github.com/mileswwatkins/lookout_hunter#lookout-hunter"
+            rel="noreferrer"
+            target="_blank"
+          >
+            camp in a fire lookout tower
+          </a>{" "}
+          anytime between{" "}
           <DatePicker
             selected={afterDate}
             onChange={onChangeAfterDate}
             minDate={afterDateMin}
             maxDate={afterDateMax}
             dateFormat="MMMM d"
-            className="Filter-Label-Text"
-          />
-        </label>
-
-        <label>
-          Before date:{"\u00A0"}
+            className="Filter-DateText"
+          />{" "}
+          and{" "}
           <DatePicker
             selected={beforeDate}
             onChange={onChangeBeforeDate}
             minDate={beforeDateMin}
             maxDate={beforeDateMax}
             dateFormat="MMMM d"
-            className="Filter-Label-Text"
+            className="Filter-DateText"
           />
-        </label>
-
-        <label>
-          How many consecutive days:{"\u00A0"}
-          <input
-            type="number"
-            min={1}
-            max={consecutiveDaysMax}
-            step={1}
-            value={consecutiveDays}
-            onChange={onChangeConsecutiveDays}
-          ></input>
-        </label>
-
-        <label>
-          Has cell reception from carrier:{"\u00A0"}
-          <select value={cellCarrier} onChange={onChangeCellCarrier}>
-            <option value=""></option>
-            {allCellCarriers.map((i) => (
-              <option value={i} key={i}>
+          , for at least
+          <select
+            onChange={onChangeConsecutiveNights}
+            value={consecutiveNights}
+            className="Filter-SelectText"
+          >
+            {range(1, consecutiveNightsMax).map((i) => (
+              <option key={i} value={i}>
                 {i}
               </option>
             ))}
           </select>
-        </label>
-
-        <label>
-          Has electricity:{"\u00A0"}
-          <input
-            type="checkbox"
-            checked={electricity}
-            onChange={onChangeElectricity}
-          ></input>
-        </label>
-
-        <label>
-          Accessible by car:{"\u00A0"}
-          <input
-            type="checkbox"
-            checked={carAccess}
-            onChange={onChangeCarAccess}
-          ></input>
-        </label>
-
-        <label>
-          ADA accessible:{"\u00A0"}
-          <input
-            type="checkbox"
-            checked={accessible}
-            onChange={onChangeAccessible}
-          ></input>
-        </label>
+          night{consecutiveNights > 1 && "s"}.
+        </div>
+        <div className="Filter-Text">
+          Additionally, I'd like the lookout to:
+          <ul className="Filter-List">
+            <li className="Filter-ListItem">
+              {/* This is unexpected UX, but it's more visually pleasing if all `li`s have checkboxes */}
+              <input
+                type="checkbox"
+                className="Filter-Checkbox"
+                checked={Boolean(cellCarrier)}
+                onClick={(e) => {
+                  if (cellCarrier) {
+                    onChangeCellCarrier({ target: { value: "" } });
+                  }
+                }}
+              ></input>{" "}
+              Have
+              <select
+                value={cellCarrier}
+                onChange={onChangeCellCarrier}
+                className="Filter-SelectText"
+              >
+                <option value=""></option>
+                {allCellCarriers.map((i) => (
+                  <option value={i} key={i}>
+                    {i}
+                  </option>
+                ))}
+              </select>
+              reception
+            </li>
+            <li className="Filter-ListItem">
+              <input
+                type="checkbox"
+                id="checkbox-electricity"
+                className="Filter-Checkbox"
+                checked={electricity}
+                onChange={onChangeElectricity}
+              ></input>
+              <label htmlFor="checkbox-electricity">Have electricity</label>
+            </li>
+            <li className="Filter-ListItem">
+              <input
+                type="checkbox"
+                id="checkbox-carAccess"
+                className="Filter-Checkbox"
+                checked={carAccess}
+                onChange={onChangeCarAccess}
+              ></input>
+              <label htmlFor="checkbox-carAccess">Be accessible by car</label>
+            </li>
+            <li className="Filter-ListItem">
+              <input
+                type="checkbox"
+                id="checkbox-accessible"
+                className="Filter-Checkbox"
+                checked={accessible}
+                onChange={onChangeAccessible}
+              ></input>
+              <label htmlFor="checkbox-accessible">Be ADA accessible</label>
+            </li>
+          </ul>
+        </div>
+        <input
+          type="reset"
+          className="Filters-Reset"
+          value="Reset all filters"
+          onClick={onReset}
+        ></input>
       </form>
     </section>
   );
@@ -175,7 +201,10 @@ const MapPopup = ({ location, info, onClose }) => {
             </span>
           ) : (
             <Fragment>
-              <span>Available for {availableDates.length} total days:</span>
+              <span>
+                Available for {availableDates.length} nights over the next 6
+                months:
+              </span>
               <ul className="Map-Popup-list">
                 {availableDates.map((date) => (
                   <li key={date}>{reformatDate(date)}</li>
@@ -284,7 +313,7 @@ class App extends Component {
 
     this.onChangeAfterDate = this.onChangeAfterDate.bind(this);
     this.onChangeBeforeDate = this.onChangeBeforeDate.bind(this);
-    this.onChangeConsecutiveDays = this.onChangeConsecutiveDays.bind(this);
+    this.onChangeConsecutiveNights = this.onChangeConsecutiveNights.bind(this);
     this.onChangeCellCarrier = this.onChangeCellCarrier.bind(this);
     this.onChangeElectricity = this.onChangeElectricity.bind(this);
     this.onChangeCarAccess = this.onChangeCarAccess.bind(this);
@@ -293,9 +322,9 @@ class App extends Component {
   }
 
   initialFiltersState = {
-    consecutiveDays: 1,
-    afterDate: null,
-    beforeDate: null,
+    consecutiveNights: 1,
+    afterDate: new Date(),
+    beforeDate: add(new Date(), { months: 6, days: 1 }),
     cellCarrier: "",
     electricity: false,
     carAccess: false,
@@ -310,11 +339,11 @@ class App extends Component {
       });
   };
 
-  onChangeConsecutiveDays = (e) => {
+  onChangeConsecutiveNights = (e) => {
     this.setState({
       filters: {
         ...this.state.filters,
-        consecutiveDays: Number(e.target.value),
+        consecutiveNights: Number(e.target.value),
       },
     });
   };
@@ -387,7 +416,7 @@ class App extends Component {
       return "";
     }
 
-    const consecutiveDaysMax = Math.max(
+    const consecutiveNightsMax = Math.max(
       ...this.state.data
         .filter((i) => i.metadata.facility_rules.maxConsecutiveStay)
         .map((i) => i.metadata.facility_rules.maxConsecutiveStay.value)
@@ -414,29 +443,18 @@ class App extends Component {
             alt="the silhouette of a fire lookout tower"
             className="Header-Logo"
           ></img>
-          <div className="Header-Text">
-            <h1 className="Header-Title">Lookout Hunter</h1>
-            <span className="Header-Explainer">
-              <a
-                href="https://github.com/mileswwatkins/lookout_hunter#lookout-hunter"
-                rel="noreferrer"
-                target="_blank"
-              >
-                (Wait, what's a lookout?)
-              </a>
-            </span>
-          </div>
+          <h1 className="Header-Title">Lookout Hunter</h1>
         </header>
 
         <section className="Content">
           <div className="Content-FilterPane">
             <Filters
               {...this.state.filters}
-              consecutiveDaysMax={consecutiveDaysMax}
+              consecutiveNightsMax={consecutiveNightsMax}
               allCellCarriers={allCellCarriers}
               onChangeAfterDate={this.onChangeAfterDate}
               onChangeBeforeDate={this.onChangeBeforeDate}
-              onChangeConsecutiveDays={this.onChangeConsecutiveDays}
+              onChangeConsecutiveNights={this.onChangeConsecutiveNights}
               onChangeCellCarrier={this.onChangeCellCarrier}
               onChangeElectricity={this.onChangeElectricity}
               onChangeCarAccess={this.onChangeCarAccess}
diff --git a/src/filters.js b/src/filters.js
index eae2501..bfb9d76 100644
--- a/src/filters.js
+++ b/src/filters.js
@@ -1,37 +1,37 @@
 import { isValid } from "date-fns";
 import { parseAvailabilityDate } from "./utils";
 
-const checkDateFilters = (item, consecutiveDays, afterDate, beforeDate) => {
+const checkDateFilters = (item, consecutiveNights, afterDate, beforeDate) => {
   if (item.availability === null) {
     return false;
   }
 
-  if (isNaN(consecutiveDays)) {
+  if (isNaN(consecutiveNights)) {
     return true;
   }
 
   const afterDateIsSet = isValid(afterDate);
   const beforeDateIsSet = isValid(beforeDate);
 
-  let consecutiveDaysSeen = 0;
-  for (const [day, isDayAvailable] of Object.entries(item.availability)) {
-    const dayDate = parseAvailabilityDate(day);
-    // TODO: This filter seems to apply itself one day off, but the bug has
+  let consecutiveNightsSeen = 0;
+  for (const [night, isNightAvailable] of Object.entries(item.availability)) {
+    const nightDate = parseAvailabilityDate(night);
+    // TODO: This filter seems to apply itself one night off, but the bug has
     // been a little tricky to fix
-    if (afterDateIsSet && dayDate < afterDate) {
+    if (afterDateIsSet && nightDate < afterDate) {
       continue;
     }
-    if (beforeDateIsSet && dayDate > beforeDate) {
+    if (beforeDateIsSet && nightDate > beforeDate) {
       break;
     }
 
-    if (isDayAvailable) {
-      consecutiveDaysSeen += 1;
+    if (isNightAvailable) {
+      consecutiveNightsSeen += 1;
     } else {
-      consecutiveDaysSeen = 0;
+      consecutiveNightsSeen = 0;
     }
 
-    if (consecutiveDaysSeen >= consecutiveDays) {
+    if (consecutiveNightsSeen >= consecutiveNights) {
       return true;
     }
   }
@@ -91,7 +91,7 @@ const checkAccessibleFilter = (item, accessible) => {
 const checkFilters = (item, filters) =>
   checkDateFilters(
     item,
-    filters.consecutiveDays,
+    filters.consecutiveNights,
     filters.afterDate,
     filters.beforeDate
   ) &&