Newly compiled CSS

public/css/main.css

@@ -545,36 +545,26 @@ body {
     margin-bottom: 15px; }
 
 #featured {
-  display: flex;
-  flex-direction: row;
-  height: 300px;
+  height: auto;
   margin: 0 auto 20px;
   padding: 5px;
   background: none; }
-  #featured div {
-    position: relative;
+  #featured .hover-box {
     -webkit-transition: all, 200ms;
     -moz-transition: all, 200ms;
     transition: all, 200ms; }
-    #featured div:hover {
+    #featured .hover-box:hover {
       box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
-  #featured .news {
-    display: block;
-    height: 100%;
-    width: 100%;
-    max-width: 420px;
-    margin-right: 10px;
-    background: url(/img/banner/oo-banner.jpg);
-    background-size: 100% 100%;
-    border-radius: 5px; }
-  #featured .notes {
-    height: 100%;
-    padding: 0;
-    flex: 1; }
-    #featured .notes #twitter-widget-0 {
+  #featured div {
+    margin-bottom: 25px; }
+    #featured div a {
       display: block;
-      width: 100% !important;
-      height: 100%; }
+      width: 100%;
+      max-width: 500px;
+      margin-left: auto;
+      margin-right: auto; }
+    #featured div img {
+      width: 100%; }
 
 #wrapper-home {
   display: block;