diff --git a/webicons.less b/webicons.less
index 6e86694..1b575c3 100644
--- a/webicons.less
+++ b/webicons.less
@@ -1,43 +1,13 @@
 /* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
 
+.webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }
+.webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
+.webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
+.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
+
 // Specify the path to the webicons directory here. Include trailing slash.
 @webicons-url: "webicons/";
 
-.webicon {
-  display: inline-block;
-  background-size: 100%;
-  width: 30px;
-  height: 30px;
-  text-indent: -999em;
-  text-align: left;
-  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  margin-bottom: 5px; }
-
-.webicon:hover {
-  margin: -1px 0 1px;
-  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
-
-.webicon.small {
-  width: 20px;
-  height: 20px;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px; }
-
-.webicon.large {
-  width: 48px;
-  height: 48px;
-  -moz-border-radius: 6px;
-  -webkit-border-radius: 6px;
-  border-radius: 6px; }
-
 .no-svg .webicon.f500px {
   background: url("@(webicons-url}webicon-f500px-m.png"); }