diff --git a/css/base/base.css b/css/base/base.css
index 9b0b2c2..2b328bf 100755
--- a/css/base/base.css
+++ b/css/base/base.css
@@ -22,6 +22,8 @@ html {
   font-weight: normal;
   font-style: normal;
   line-height: var(--line-height-base);
+  font-size: 1.2em;
+  line-height: 1.4em;
 }
 
 body {
diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index e69de29..cb21aea 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -0,0 +1,72 @@
+/*collection grid*/
+.grid-item {
+  border: 1px solid #ccc;
+  padding: 8px;
+  border-radius: 4px;
+  box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+  /*background: #ece8e3;*/
+  .grid-item__image {
+    margin: 0;
+    /*height: 180px;*/
+    background: #ece8e3;
+    overflow: hidden;
+    img {
+      width: 100%;
+    }
+  }
+  .views-field-field-abstract,
+  .abstract {
+    /* line-height: 1.4; */
+    display: block;
+    /* line-height: 1.4; */
+    line-height: 1.4;
+    margin-bottom: 5px;
+    font-size: 0.9em;
+    color: var(--color-text-neutral-medium);
+    a.views-more-link {
+      text-decoration: underline;
+    }
+  }
+  .grid-item__title {
+    display: block;
+    padding: 0.5em 0;
+    /* text-align: center; */
+    line-height: 1.2;
+    margin: 5px 0 6px 0;
+    /* height: 3em; */
+    /* background: #fff; */
+    font-weight: bold;
+    border-bottom: 1px dotted #574938;
+
+    a {
+      text-decoration: none;
+      font-family: var(--font-serif);
+      /*font-size: var(--font-size-l);*/
+      color: #574938;
+    }
+  }
+
+  .views-field-member-of-title {
+    line-height: 1.2;
+    .field__label {
+      font-size: 0.9em;
+      font-family: var(--font-serif);
+      color: #574938;
+    }
+    .field__item {
+      font-size: 0.9em;
+    }
+  }
+}
+#toggle-facets {
+  background-color: #574938;
+}
+nav.pager {
+  display: flex;
+  justify-content: space-around;
+}
+.views-field.views-field-dc-description a {
+  /* color: black; */
+  text-decoration: none;
+  color: var(--color-text-neutral-medium);
+}
diff --git a/css/components/text-content.css b/css/components/text-content.css
index 7b7832e..e470b37 100755
--- a/css/components/text-content.css
+++ b/css/components/text-content.css
@@ -13,7 +13,7 @@
 .text-content,
 .cke_editable {
   color: var(--color-text-neutral-medium);
-  font-family: var(--font-serif);
+  font-family: var(--font-sans);
   line-height: var(--sp1-5);
 
   /*
@@ -148,6 +148,7 @@
   .cke_editable {
     font-size: 1.125rem;
     line-height: var(--sp2);
+    line-height: 1.4;
   }
 }
 
diff --git a/templates/views/views-view-fields--solr-search-content.html.twig b/templates/views/views-view-fields--solr-search-content.html.twig
new file mode 100755
index 0000000..6708bb8
--- /dev/null
+++ b/templates/views/views-view-fields--solr-search-content.html.twig
@@ -0,0 +1,23 @@
+<div class="grid-item">
+{% for field in fields -%}
+  {{ field.separator }}
+  {%- if field.wrapper_element -%}
+    <{{ field.wrapper_element }}{{ field.wrapper_attributes }}>
+  {%- endif %}
+  {%- if field.label -%}
+    {%- if field.label_element -%}
+      <{{ field.label_element }}{{ field.label_attributes }}>{{ field.label }}{{ field.label_suffix }}</{{ field.label_element }}>
+    {%- else -%}
+      {{ field.label }}{{ field.label_suffix }}
+    {%- endif %}
+  {%- endif %}
+  {%- if field.element_type -%}
+    <{{ field.element_type }}{{ field.element_attributes }}>{{ field.content }}</{{ field.element_type }}>
+  {%- else -%}
+    {{ field.content }}
+  {%- endif %}
+  {%- if field.wrapper_element -%}
+    </{{ field.wrapper_element }}>
+  {%- endif %}
+{%- endfor %}
+</div>