diff --git a/themes/warwick_portfolio/assets/css/greeter.css b/themes/warwick_portfolio/assets/css/greeter.css
index f035ef8..485986f 100644
--- a/themes/warwick_portfolio/assets/css/greeter.css
+++ b/themes/warwick_portfolio/assets/css/greeter.css
@@ -10,23 +10,23 @@
 }
 
 #greeter {
-  height: 1080px;
+  height: 100%;
   width: 100%;
   position: relative;
 }
 
-#greeter-flex { 
-  padding: 20%;
-  max-width: 30rem;
-}
 #greeter-content {
-  z-index: 1;
-  position: relative;
   padding: 5%;
+  margin: 5% 5% 5% 50%;
   animation: 1s ease-out 0s 1 slideInLeft;
   background: var(--paper);
 }
 
+@media (max-width: 950px){
+  #greeter-content {
+    margin: 5% 5% 5% 5%;
+  }
+}
 #greeter-content li {
   font-size: 133%;
 }
diff --git a/themes/warwick_portfolio/layouts/partials/greeter.html b/themes/warwick_portfolio/layouts/partials/greeter.html
index 9b0ad37..71c19cf 100644
--- a/themes/warwick_portfolio/layouts/partials/greeter.html
+++ b/themes/warwick_portfolio/layouts/partials/greeter.html
@@ -1,17 +1,12 @@
 {{ with .Site.GetPage "/greeter" }}
-  {{$greeter_style := resources.Get "css/greeter.css"}}
-  {{$greeter_video := resources.Get "background_video/Portfolio.webm"}}
-  <link rel="stylesheet" type="" href="{{$greeter_style.RelPermalink}}">
-  <div id="greeter">
-    <video src="{{ $greeter_video.RelPermalink }}" muted loop autoplay> </video>
-
-    <div id="greeter-flex">
-      <div id="greeter-content">
-        {{ .Content }} 
-        <div>
-          Scroll down
-        </div>
-      </div>
+{{$greeter_style := resources.Get "css/greeter.css"}}
+<link rel="stylesheet" type="" href="{{$greeter_style.RelPermalink}}">
+<div id="greeter">
+  <div id="greeter-content">
+    {{ .Content }} 
+    <div>
+      Scroll down
     </div>
   </div>
+</div>
 {{ end }}