diff --git a/public/css/main.css b/public/css/main.css
index d720755..b57f058 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -390,7 +390,11 @@ button#search-data-button.btn.btn-default.open span::before
   }
 
   a.grid-item.ocean-acidification .tile-wrap h1 {
-    margin-top: 16%;
+    margin-top: 38%;
+  }
+
+  a.grid-item.video-portal .tile-wrap h1 {
+    margin-top: 38%;
   }
 
   .grid-item.ioos-eds .tile-wrap h1,
@@ -538,7 +542,7 @@ a.osmc {
 
 a.ocean-acidification {
   background-image    : url("/images/ocean-acidification.png");
-  background-size     : 125%;
+  background-size     : 230%;
 }
 
 a.atn {
@@ -546,6 +550,11 @@ a.atn {
   background-size     : 125%;
 }
 
+a.video-portal {
+  background-image    : url("/images/video_portal.png");
+  background-size     : 134%;
+}
+
 a.metrics span.glyphicon-signal,
 a.comt span.glyphicon-th,
 a.data-discovery span.glyphicon-search,
diff --git a/public/images/video_portal.png b/public/images/video_portal.png
new file mode 100644
index 0000000..cbcde85
Binary files /dev/null and b/public/images/video_portal.png differ
diff --git a/views/index.html b/views/index.html
index 1cacc33..e5c2ace 100644
--- a/views/index.html
+++ b/views/index.html
@@ -105,11 +105,16 @@ <h1>Compliance Checker</h1>
               <h1>NOAA Observing System Monitoring Center</h1>
             </div>
           </a>
-          <a class="grid-item twoxone ocean-acidification" href="//oa.ioos.us">
+          <a class="grid-item onexone ocean-acidification" href="//oa.ioos.us">
             <div class="tile-wrap">
               <h1>Ocean Acidification</h1>
             </div>
           </a>
+          <a class="grid-item onexone video-portal" href="https://video.ioos.us/">
+            <div class="tile-wrap">
+              <h1>Video Portal</h1>
+            </div>
+          </a>
         </div>
       <!-- </div> -->
     </div>