diff --git a/website/content/en/layout/css/layout.css b/website/content/en/layout/css/layout.css
--- a/website/content/en/layout/css/layout.css
+++ b/website/content/en/layout/css/layout.css
@@ -180,7 +180,7 @@
 #frontfeaturemiddle {
   float: left;
   margin-top: 20px;
-  background: url(../images/beastie.png) no-repeat top left;
+  background: url(../images/beastie.png) no-repeat center left;
   min-height: 196px;
   width: 30%;
 }
@@ -336,7 +336,7 @@
 #frontreleases {
   padding: 0;
   margin: 8px;
-  margin-left: 190px;
+  margin-left: 210px;
   margin-top: 5px;
   padding-bottom: 20px;
   color: #666;
@@ -444,7 +444,7 @@
   margin-top: -8px;
   margin-bottom: -8px;
   text-align: center;
-  font-size: 1.4em;
+  font-size: 1.3em;
   font-weight: bold;
 }
 
@@ -454,14 +454,19 @@
 }
 
 .frontgetroundbox {
-  margin-top: 50px;
-  margin-left: 160px;
+  margin-top: 10px;
+  margin-left: 210px;
   padding: 0;
-  width: 190px;
-  background-color: #FACC2E;
+  width: 325px;
+  background-color: #facc2e;
   border-radius: 15px;
 }
 
+.frontgetroundbox.newtofreebsd {
+  margin-top: 50px;
+  background-color: #eee;
+}
+
 /* Secondary Pages */
 
 @media screen {
diff --git a/website/themes/beastie/layouts/index.html b/website/themes/beastie/layouts/index.html
--- a/website/themes/beastie/layouts/index.html
+++ b/website/themes/beastie/layouts/index.html
@@ -25,6 +25,21 @@
         </div>
       </div>
       <div id="frontfeaturemiddle">
+        <div class="frontgetroundbox newtofreebsd">
+            <div class="frontgettop">
+                <div>
+                <b style="display: none">.</b>
+                </div>
+            </div>
+            <div class="frontgetcontent">
+                <a href={{ "projects/newbies/" | absLangURL }}>{{ i18n "newFreeBSD" }}</a>
+            </div>
+            <div class="frontgetbot">
+            <div>
+            <b style="display: none">.</b>
+            </div>
+        </div>
+        </div>
         <div class="frontgetroundbox">
           <div class="frontgettop">
             <div>
@@ -121,21 +136,6 @@
             </ul>
           </div>
         </div>
-        <div class="frontnewroundbox">
-          <div class="frontnewtop">
-            <div>
-              <b style="display: none">.</b>
-            </div>
-          </div>
-          <div class="frontnewcontent">
-            <a href={{ "projects/newbies/" | absLangURL }}>{{ i18n "newFreeBSD" }}</a>
-          </div>
-          <div class="frontnewbot">
-            <div>
-              <b style="display: none">.</b>
-            </div>
-          </div>
-        </div>
       </div>
     </div>
     {{ $language := "" }}
diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css
--- a/website/themes/beastie/static/css/layout.css
+++ b/website/themes/beastie/static/css/layout.css
@@ -151,7 +151,7 @@
 #frontfeaturemiddle {
   float: left;
   margin-top: 20px;
-  background: url(../images/beastie.png) no-repeat top left;
+  background: url(../images/beastie.png) no-repeat center left;
   min-height: 196px;
   width: 30%;
 }
@@ -374,7 +374,7 @@
 #frontreleases {
   padding: 0;
   margin: 8px;
-  margin-left: 190px;
+  margin-left: 210px;
   margin-top: 5px;
   padding-bottom: 20px;
   color: #666;
@@ -466,7 +466,7 @@
   margin-top: -8px;
   margin-bottom: -8px;
   text-align: center;
-  font-size: 1.4em;
+  font-size: 1.3em;
   font-weight: bold;
 }
 
@@ -476,14 +476,19 @@
 }
 
 .frontgetroundbox {
-  margin-top: 50px;
-  margin-left: 160px;
+  margin-top: 10px;
+  margin-left: 210px;
   padding: 0;
-  width: 190px;
-  background-color: #FACC2E;
+  width: 325px;
+  background-color: #facc2e;
   border-radius: 15px;
 }
 
+.frontgetroundbox.newtofreebsd {
+  margin-top: 50px;
+  background-color: #eee;
+}
+
 /* Secondary Pages */
 
 @media screen {