diff --git a/website/site/layouts/index.html b/website/site/layouts/index.html
index 8e0ec5a3ca19..2e2ba564d746 100755
--- a/website/site/layouts/index.html
+++ b/website/site/layouts/index.html
@@ -5,8 +5,8 @@
     <div class="contained">
 
       <div class="hero-copy">
-        <span class="subhead">{{ .Site.Data.landing.hero.subhead | markdownify }}</span>
         <h1 class="headline">{{ .Site.Data.landing.hero.headline | markdownify }}</h1>
+        <span class="subhead">{{ .Site.Data.landing.hero.subhead | markdownify }}</span>
       </div>
       <div class="hero-features">
         {{ range $index, $id := .Site.Data.landing.hero.devfeatures }}
diff --git a/website/src/css/imports/hero.css b/website/src/css/imports/hero.css
index 2e3676f821b2..ff77920ef0ba 100644
--- a/website/src/css/imports/hero.css
+++ b/website/src/css/imports/hero.css
@@ -68,12 +68,10 @@
   }
 
   .hero-graphic {
-
     @media screen and (min-width: $tablet) {
       @neat-span-columns 6;
       float: right;
       margin: 0;
-      transform: scale(1.1) rotate(2deg);
     }
 
     img {