diff --git a/art/record.html b/art/record.html
index 6d1620c..f65fb50 100644
--- a/art/record.html
+++ b/art/record.html
@@ -72,10 +72,10 @@
                 <h1>Visual Recording</h1>
             </div>
 
-            <h2>I, Me, Mine - Subject Brainstorm</h2>
+            <h2 style="background-color: #F8ECC2;">I, Me, Mine - Subject Brainstorm</h2>
             <img src="/images/art/mindmap.png" width="70%" class="img-rounded" style="border:2px solid #ed8029;">
 
-            <h2>Photography</h2>
+            <h2 style="background-color: #F8ECC2;">Photography</h2>
             <div class="row">
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
@@ -198,34 +198,34 @@
                     </a>
                 </div>
             </div>
-            <h1>Illustrator</h1>
-            <h2>Gradiented Images</h2>
+            <h1 style="background-color: #F8ECC2;">Illustrator</h1>
+            <h2 style="background-color: #F8ECC2;">Gradiented Images</h2>
             <div class="row">
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
                         <a href="/images/art/ai/clock1grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock1grad.jpg" alt="...">
+                            <img src="/images/art/ai/clock1grad.jpg" alt="..." width="300px" class="img-rounded">
                         </a>
                     </a>
                 </div>
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
                         <a href="/images/art/ai/clock2grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock2grad.jpg" alt="...">
+                            <img src="/images/art/ai/clock2grad.jpg" alt="..." width="300px" class="img-rounded">
                         </a>
                     </a>
                 </div>
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
                         <a href="/images/art/ai/clock3grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock3grad.jpg" alt="...">
+                            <img src="/images/art/ai/clock3grad.jpg" alt="..." width="300px" class="img-rounded">
                         </a>
                     </a>
                 </div>
                 <div class="col-xs-6 col-md-3">
                     <a href="#" class="thumbnail">
                         <a href="/images/art/ai/clock4grad.jpg" alt="..." data-lightbox="gradiented">
-                            <img src="/images/art/ai/clock4grad.jpg" alt="...">
+                            <img src="/images/art/ai/clock4grad.jpg" alt="..." width="300px" class="img-rounded">
                         </a>
                     </a>
                 </div>