diff --git a/HISTORY.md b/HISTORY.md
new file mode 100644
index 0000000..a26fc06
--- /dev/null
+++ b/HISTORY.md
@@ -0,0 +1,8 @@
+## 2.0.0 - Sept 11, 2014
+
+- Prefixed all effect names with `hvr-` (can be changed in `scss/_options.scss`)
+- Moved default button styles out of library
+- Renamed `hover` and `hover shadow` effects to `bob` and `bob shadow`
+- Removed `hover shadow` effect due to browser inconsistencies courtesy of [this Webkit/Blink bug](https://github.com/IanLunn/Hover/issues/24) which can't be worked around
+- Updated `bob` (formerly `hover`) and `hang` effects to work around [this WebKit/Blink bug](https://github.com/IanLunn/Hover/issues/24)
+- Change default `animation-timing-function` and `transition-timing-function` values for various effects
diff --git a/README.md b/README.md
index 3c03050..081a14b 100644
--- a/README.md
+++ b/README.md
@@ -20,8 +20,7 @@ Assuming you want to use the `Grow` effect:
 ```css
 /* Grow */
 
-.grow {
-  display: inline-block;
+.hvr-grow {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: -webkit-transform;
@@ -33,7 +32,7 @@ Assuming you want to use the `Grow` effect:
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 }
 
-.grow:hover {
+.hvr-grow:hover {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
@@ -41,21 +40,23 @@ Assuming you want to use the `Grow` effect:
 ```
 
 3. Copy this effect and then paste it into your own stylesheet.
-4. In the HTML file which you'd like the effect to appear, add the class of `.grow` to your chosen element.
+4. In the HTML file which you'd like the effect to appear, add the class of `.hvr-grow` to your chosen element.
 
 Example element before applying hover.css effect:
 
 ```html
-<a class="button">Add to Basket</a>
+<a href="#">Add to Basket</a>
 ```
 
 Example element after applying hover.css effect:
 
 ```html
-<a class="button grow">Add to Basket</a>
+<a href="#" class="hvr-grow">Add to Basket</a>
 ```
 
-###Reference hover.css
+Note: As of 2.0.0 all hover.css class names are prefixed with `hvr-` to prevent conflicts with other libraries/stylesheets. If using SASS, this can easily be changed using the `$nameSpace` variable in `scss/_options.scss`.
+
+### Reference hover.css
 If you plan on using many of hover.css' effects on your website, you may like to reference the entire hover.css stylesheet.
 
 1. Download hover-min.css
@@ -68,7 +69,7 @@ If you plan on using many of hover.css' effects on your website, you may like to
 </head>
 ```
 
-4. Assuming you want to use the 'Grow' effect, in the HTML file you'd like to use this effect, add the class of `.grow` to your chosen element.
+4. Assuming you want to use the 'Grow' effect, in the HTML file you'd like to use this effect, add the class of `.hvr-grow` to your chosen element.
 
 Example element before applying hover.css effect:
 
@@ -82,7 +83,22 @@ Example element after applying hover.css effect:
 <a class="button grow">Add to Basket</a>
 ```
 
-##Browser Support
+## A Note on the `display` Property
+
+By default, any element that has a hover.css effect applied to it will be made inline-block via the `display` property:
+
+```css
+/* Make any element with a class beginning "hvr" inline-block */
+[class^=".hvr"] {
+    display: inline-block;
+}
+```
+
+This is to work around the fact that `inline` elements inconsistently render transitons/animations across browsers.
+
+Should you wish to override this behaviour, either remove the above CSS from hover.css or change the `display` property for the element. Be sure to declare the override after the hover.css declarations so the CSS cascade will take effect.
+
+## Browser Support
 Many of hover.css' effects rely on CSS3 features such as transitions, animations, transforms and pseudo-elements, for that reason, effects may not fully work in older browsers.
 
 - [Transitions](http://caniuse.com/#search=transitions) and [Animations](http://caniuse.com/#search=animations) - not supported below Internet Explorer 9
@@ -97,7 +113,7 @@ Grunt is non-essential but can speed up development. With [Grunt installed](http
 
 Note that originally Grunt was set up to autoprefix CSS properties but to make the project as accessible as possible, this is no longer the case. The `prefixed(property, value)` SASS mixin should be used for browser prefixing instead. See [Using SASS for Development](#using-sass-for-development).
 
-##Using SASS for Development
+## Using SASS for Development
 
 SASS is non-essential but can speed up development. Preprocess SASS with your favourite software or the environment provided via [Grunt](#using-grunt-for-development).
 
@@ -107,7 +123,7 @@ SASS is used in the Hover.css project to separate various CSS into specific file
 Contains some hacks applied to certain effects. [Hacks explained here](https://github.com/IanLunn/Hover/wiki/Hacks-Explained).
 
 ###_mixins.scss
-Contains the default button style used on the example page, and `prefixed(property, value)` and `keyframes(keyframe-name)` mixins that apply the necessary prefixes you specify in _options.scss to properties and keyframes.
+Contains `prefixed(property, value)` and `keyframes(keyframe-name)` mixins that apply the necessary prefixes you specify in _options.scss to properties and keyframes.
 
 `prefixed(property, value)` can be used like so:
 
@@ -132,6 +148,8 @@ The `keyframes(keyframe-name)` mixin is passed the keyframe name, followed by th
 ###_options.scss
 Contains default options, various effect options and the browser prefixes you'd like to use with the `prefixed()` mixin. By default, only the `-webkit-` prefix is set to `true` (due to most browsers not requiring prefixes now).
 
+As of 2.0.0, _options.scss also includes a `$nameSpace` option which allows you to change the name all classes are prefixed with. The default namespace is `hvr`.
+
 ##Authors
 
 - [Ian Lunn](https://github.com/IanLunn)  
diff --git a/css/demo-page.css b/css/demo-page.css
index 0479e45..87eddfa 100644
--- a/css/demo-page.css
+++ b/css/demo-page.css
@@ -10,6 +10,13 @@
  * Hover.css Copyright Ian Lunn 2014.
  */
 
+/**
+ * The following are default styles for the demo page,
+ * you don't need to include these on your own site.
+ */
+
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
 body {
   margin: 0 auto;
   max-width: 800px;
@@ -23,13 +30,40 @@ img {
   border: none;
 }
 
+p,
+.effects a {
+    font-family: 'Roboto', sans-serif;
+}
+
+.effects a {
+  margin: .4em;
+  padding: 1em;
+  cursor: pointer;
+  background: #e1e1e1;
+  text-decoration: none;
+  color: #666;
+  /* Prevent highlight colour when element is tapped */
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
 .aligncenter {
   text-align: center;
 }
 
+a {
+    color: #2098D1;
+    text-decoration: none;
+}
+
+.footer a:hover,
+.tutorial:hover {
+    color: #207AD1;
+}
+
 .tutorial {
   display: block;
   font-size: .8em;
+  font-weight: bold;
 }
 
 .tutorial:hover,
@@ -40,7 +74,7 @@ img {
 
 .intro {
   max-width: 680px;
-  margin: 0 auto;
+  margin: 20px auto 0 auto;
 }
 
 .button.cta {
@@ -86,12 +120,7 @@ h2 {
 
 .credit {
   font-size: .8em;
-}
-
-.footer a:hover,
-.footer a:focus,
-.footer a:active {
-  text-decoration: underline;
+  font-weight: normal;
 }
 
 .social {
@@ -103,6 +132,16 @@ h2 {
   vertical-align: middle;
 }
 
+.twitter-follow-button {
+    display: block;
+    margin: 0 auto;
+}
+
+.follow {
+    margin-bottom: 20px;
+    line-height: 200%;
+}
+
 .author {
   margin: 6em auto 0 auto;
   text-align: center;
@@ -114,6 +153,10 @@ h2 {
   margin-bottom: .8em;
 }
 
+#forkongithub {
+    display: none;
+}
+
 #forkongithub a {
   background: #000;
   color: #fff;
@@ -132,7 +175,7 @@ h2 {
 #forkongithub a:hover,
 #forkongithub a:focus,
 #forkongithub a:active {
-  background: #060;
+  background: #2098D1;
   color: #fff;
 }
 
@@ -153,7 +196,7 @@ h2 {
   top: auto;
 }
 
-@media screen and (min-width:800px) {
+@media screen and (min-width: 640px) {
   #forkongithub {
     position: absolute;
     display: block;
diff --git a/css/hover-min.css b/css/hover-min.css
index 338eb16..c09986b 100644
--- a/css/hover-min.css
+++ b/css/hover-min.css
@@ -1,6 +1,6 @@
 /*!
- * Hover.css (http://ianlunn.co.uk/)
- * Version: 1.0.9
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.0
  * Author: Ian Lunn @IanLunn
  * Author URL: http://ianlunn.co.uk/
  * Github: https://github.com/IanLunn/Hover
@@ -9,4 +9,4 @@
  * http://www.opensource.org/licenses/mit-license.php
 
  * Hover.css Copyright Ian Lunn 2014.
- */.button{margin:.4em;padding:1em;cursor:pointer;background:#e1e1e1;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow:active,.grow:focus,.grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.shrink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shrink:active,.shrink:focus,.shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse:active,.pulse:focus,.pulse:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.pulse-grow{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-grow:active,.pulse-grow:focus,.pulse-grow:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.pulse-shrink{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-shrink:active,.pulse-shrink:focus,.pulse-shrink:hover{-webkit-animation-name:pulse-shrink;animation-name:pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.push{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.push:active,.push:focus,.push:hover{-webkit-animation-name:push;animation-name:push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pop{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pop:active,.pop:focus,.pop:hover{-webkit-animation-name:pop;animation-name:pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.rotate:active,.rotate:focus,.rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.grow-rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow-rotate:active,.grow-rotate:focus,.grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.float{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float:active,.float:focus,.float:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.sink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.sink:active,.sink:focus,.sink:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hover{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover:active,.hover:focus,.hover:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hang{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hang:active,.hang:focus,.hang:hover{-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hang;animation-name:hang;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.skew{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew:active,.skew:focus,.skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-forward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-forward:active,.skew-forward:focus,.skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.skew-backward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-backward:active,.skew-backward:focus,.skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-vertical:active,.wobble-vertical:focus,.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-horizontal:active,.wobble-horizontal:focus,.wobble-horizontal:hover{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-bottom-right:active,.wobble-to-bottom-right:focus,.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-top-right:active,.wobble-to-top-right:focus,.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-top:active,.wobble-top:focus,.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-bottom:active,.wobble-bottom:focus,.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.wobble-skew{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-skew:active,.wobble-skew:focus,.wobble-skew:hover{-webkit-animation-name:wobble-skew;animation-name:wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.buzz{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz:active,.buzz:focus,.buzz:hover{-webkit-animation-name:buzz;animation-name:buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.buzz-out{display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz-out:active,.buzz-out:focus,.buzz-out:hover{-webkit-animation-name:buzz-out;animation-name:buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.border-fade{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.border-fade:active,.border-fade:focus,.border-fade:hover{box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)}.hollow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hollow:active,.hollow:focus,.hollow:hover{background:0 0}.trim{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.trim:active:before,.trim:focus:before,.trim:hover:before{opacity:1}.outline-outward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-outward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-outward:active:before,.outline-outward:focus:before,.outline-outward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.outline-inward{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-inward:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-inward:active:before,.outline-inward:focus:before,.outline-inward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.round-corners{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.round-corners:active,.round-corners:focus,.round-corners:hover{border-radius:1em}.glow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.glow:active,.glow:focus,.glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.box-shadow-outset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.box-shadow-outset:active,.box-shadow-outset:focus,.box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.box-shadow-inset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0)}.box-shadow-inset:active,.box-shadow-inset:focus,.box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.float-shadow:active,.float-shadow:focus,.float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.float-shadow:active:before,.float-shadow:focus:before,.float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}.hover-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hover-shadow:active,.hover-shadow:focus,.hover-shadow:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hover-shadow:active:before,.hover-shadow:focus:before,.hover-shadow:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.shadow-radial{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shadow-radial:after,.shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.shadow-radial:before{bottom:100%;background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:after{top:100%;background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:active:after,.shadow-radial:active:before,.shadow-radial:focus:after,.shadow-radial:focus:before,.shadow-radial:hover:after,.shadow-radial:hover:before{opacity:1}.bubble-top{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.bubble-top:active:before,.bubble-top:focus:before,.bubble-top:hover:before{top:-10px}.bubble-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.bubble-right:active:before,.bubble-right:focus:before,.bubble-right:hover:before{right:-10px}.bubble-bottom{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.bubble-bottom:active:before,.bubble-bottom:focus:before,.bubble-bottom:hover:before{bottom:-10px}.bubble-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.bubble-left:active:before,.bubble-left:focus:before,.bubble-left:hover:before{left:-10px}.bubble-float-top{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}.bubble-float-top:active,.bubble-float-top:focus,.bubble-float-top:hover{-webkit-transform:translateY(5px) translateZ(0);transform:translateY(5px) translateZ(0)}.bubble-float-top:active:before,.bubble-float-top:focus:before,.bubble-float-top:hover:before{top:-10px}.bubble-float-right{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}.bubble-float-right:active,.bubble-float-right:focus,.bubble-float-right:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.bubble-float-right:active:before,.bubble-float-right:focus:before,.bubble-float-right:hover:before{right:-10px}.bubble-float-bottom{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.bubble-float-bottom:active,.bubble-float-bottom:focus,.bubble-float-bottom:hover{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0)}.bubble-float-bottom:active:before,.bubble-float-bottom:focus:before,.bubble-float-bottom:hover:before{bottom:-10px}.bubble-float-left{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}.bubble-float-left:active,.bubble-float-left:focus,.bubble-float-left:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.bubble-float-left:active:before,.bubble-float-left:focus:before,.bubble-float-left:hover:before{left:-10px}.curl-top-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-left:active:before,.curl-top-left:focus:before,.curl-top-left:hover:before{width:25px;height:25px}.curl-top-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-right:active:before,.curl-top-right:focus:before,.curl-top-right:hover:before{width:25px;height:25px}.curl-bottom-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-right:active:before,.curl-bottom-right:focus:before,.curl-bottom-right:hover:before{width:25px;height:25px}.curl-bottom-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-left:active:before,.curl-bottom-left:focus:before,.curl-bottom-left:hover:before{width:25px;height:25px}
\ No newline at end of file
+ */[class^=hvr]{display:inline-block}.hvr-grow{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-pop{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-rotate{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.hvr-sink{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(6px);transform:translateY(6px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-border-fade{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)}.hvr-hollow{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}.hvr-outline-outward{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-outline-outward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-outward:active:before,.hvr-outline-outward:focus:before,.hvr-outline-outward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-inward{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-outline-inward:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-inward:active:before,.hvr-outline-inward:focus:before,.hvr-outline-inward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-glow{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-box-shadow-outset{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hvr-bob-shadow-bob{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-bob-shadow-bob{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-bob-shadow-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hvr-bob-shadow-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}.hvr-bob-shadow{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bob-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-bob-shadow:active,.hvr-bob-shadow:focus,.hvr-bob-shadow:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hvr-bob-shadow-bob;animation-name:hvr-bob-shadow-bob;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hvr-bob-shadow:active:before,.hvr-bob-shadow:focus:before,.hvr-bob-shadow:hover:before{opacity:.4;-webkit-animation-name:hvr-bob-shadow-shadow;animation-name:hvr-bob-shadow-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hvr-shadow-radial{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{top:-10px}.hvr-bubble-right{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{right:-10px}.hvr-bubble-bottom{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{bottom:-10px}.hvr-bubble-left{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{left:-10px}.hvr-bubble-float-top{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(5px) translateZ(0);transform:translateY(5px) translateZ(0)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{top:-10px}.hvr-bubble-float-right{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{right:-10px}.hvr-bubble-float-bottom{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{bottom:-10px}.hvr-bubble-float-left{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{left:-10px}.hvr-curl-top-left{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}
diff --git a/css/hover.css b/css/hover.css
index fad20ce..4f7a24b 100644
--- a/css/hover.css
+++ b/css/hover.css
@@ -1,6 +1,6 @@
 /*!
- * Hover.css (http://ianlunn.co.uk/)
- * Version: 1.0.9
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.0
  * Author: Ian Lunn @IanLunn
  * Author URL: http://ianlunn.co.uk/
  * Github: https://github.com/IanLunn/Hover
@@ -10,21 +10,18 @@
 
  * Hover.css Copyright Ian Lunn 2014.
  */
-/* Default styles for the demo buttons */
-.button {
-  margin: .4em;
-  padding: 1em;
-  cursor: pointer;
-  background: #e1e1e1;
-  text-decoration: none;
-  color: #666666;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+/**
+ * Note: Transitions/animations on inline elements are inconsistent across
+ * browsers, to work around this, we'll make all elements starting with
+ * the .hvr class inline-block by default.
+ */
+[class^="hvr"] {
+  display: inline-block;
 }
 
 /* 2D TRANSITIONS */
 /* Grow */
-.grow {
-  display: inline-block;
+.hvr-grow {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -32,15 +29,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.grow:hover, .grow:focus, .grow:active {
+.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 
 /* Shrink */
-.shrink {
-  display: inline-block;
+.hvr-shrink {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -48,14 +46,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.shrink:hover, .shrink:focus, .shrink:active {
+.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 
 /* Pulse */
-@-webkit-keyframes pulse {
+@-webkit-keyframes hvr-pulse {
   25% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
@@ -67,7 +67,7 @@
   }
 }
 
-@keyframes pulse {
+@keyframes hvr-pulse {
   25% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
@@ -79,15 +79,16 @@
   }
 }
 
-.pulse {
-  display: inline-block;
+.hvr-pulse {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.pulse:hover, .pulse:focus, .pulse:active {
-  -webkit-animation-name: pulse;
-  animation-name: pulse;
+.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
+  -webkit-animation-name: hvr-pulse;
+  animation-name: hvr-pulse;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: linear;
@@ -97,29 +98,30 @@
 }
 
 /* Pulse Grow */
-@-webkit-keyframes pulse-grow {
+@-webkit-keyframes hvr-pulse-grow {
   to {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }
 }
 
-@keyframes pulse-grow {
+@keyframes hvr-pulse-grow {
   to {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
   }
 }
 
-.pulse-grow {
-  display: inline-block;
+.hvr-pulse-grow {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.pulse-grow:hover, .pulse-grow:focus, .pulse-grow:active {
-  -webkit-animation-name: pulse-grow;
-  animation-name: pulse-grow;
+.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
+  -webkit-animation-name: hvr-pulse-grow;
+  animation-name: hvr-pulse-grow;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
@@ -131,29 +133,30 @@
 }
 
 /* Pulse Shrink */
-@-webkit-keyframes pulse-shrink {
+@-webkit-keyframes hvr-pulse-shrink {
   to {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
   }
 }
 
-@keyframes pulse-shrink {
+@keyframes hvr-pulse-shrink {
   to {
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
   }
 }
 
-.pulse-shrink {
-  display: inline-block;
+.hvr-pulse-shrink {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.pulse-shrink:hover, .pulse-shrink:focus, .pulse-shrink:active {
-  -webkit-animation-name: pulse-shrink;
-  animation-name: pulse-shrink;
+.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
+  -webkit-animation-name: hvr-pulse-shrink;
+  animation-name: hvr-pulse-shrink;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
@@ -165,7 +168,7 @@
 }
 
 /* Push */
-@-webkit-keyframes push {
+@-webkit-keyframes hvr-push {
   50% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
@@ -177,7 +180,7 @@
   }
 }
 
-@keyframes push {
+@keyframes hvr-push {
   50% {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
@@ -189,15 +192,16 @@
   }
 }
 
-.push {
-  display: inline-block;
+.hvr-push {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.push:hover, .push:focus, .push:active {
-  -webkit-animation-name: push;
-  animation-name: push;
+.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
+  -webkit-animation-name: hvr-push;
+  animation-name: hvr-push;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
@@ -207,7 +211,7 @@
 }
 
 /* Pop */
-@-webkit-keyframes pop {
+@-webkit-keyframes hvr-pop {
   50% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
@@ -219,7 +223,7 @@
   }
 }
 
-@keyframes pop {
+@keyframes hvr-pop {
   50% {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
@@ -231,15 +235,16 @@
   }
 }
 
-.pop {
-  display: inline-block;
+.hvr-pop {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.pop:hover, .pop:focus, .pop:active {
-  -webkit-animation-name: pop;
-  animation-name: pop;
+.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
+  -webkit-animation-name: hvr-pop;
+  animation-name: hvr-pop;
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-timing-function: linear;
@@ -249,8 +254,7 @@
 }
 
 /* Rotate */
-.rotate {
-  display: inline-block;
+.hvr-rotate {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -258,15 +262,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.rotate:hover, .rotate:focus, .rotate:active {
+.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
   -webkit-transform: rotate(4deg);
   transform: rotate(4deg);
 }
 
 /* Grow Rotate */
-.grow-rotate {
-  display: inline-block;
+.hvr-grow-rotate {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -274,151 +279,200 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {
+.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
   -webkit-transform: scale(1.1) rotate(4deg);
   transform: scale(1.1) rotate(4deg);
 }
 
 /* Float */
-.float {
-  display: inline-block;
+.hvr-float {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.float:hover, .float:focus, .float:active {
-  -webkit-transform: translateY(-5px);
-  transform: translateY(-5px);
+.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
+  -webkit-transform: translateY(-6px);
+  transform: translateY(-6px);
 }
 
 /* Sink */
-.sink {
-  display: inline-block;
+.hvr-sink {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.sink:hover, .sink:focus, .sink:active {
-  -webkit-transform: translateY(5px);
-  transform: translateY(5px);
+.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
+  -webkit-transform: translateY(6px);
+  transform: translateY(6px);
 }
 
-/* Hover */
-@-webkit-keyframes hover {
+/* Bob */
+@-webkit-keyframes hvr-bob {
+  0% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+
   50% {
-    -webkit-transform: translateY(-3px);
-    transform: translateY(-3px);
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
   }
 
   100% {
-    -webkit-transform: translateY(-6px);
-    transform: translateY(-6px);
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
   }
 }
 
-@keyframes hover {
+@keyframes hvr-bob {
+  0% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+
   50% {
-    -webkit-transform: translateY(-3px);
-    transform: translateY(-3px);
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px);
   }
 
   100% {
-    -webkit-transform: translateY(-6px);
-    transform: translateY(-6px);
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
   }
 }
 
-.hover {
-  display: inline-block;
-  -webkit-transition-duration: 0.5s;
-  transition-duration: 0.5s;
-  -webkit-transition-property: transform;
-  transition-property: transform;
+@-webkit-keyframes hvr-bob-float {
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+
+@keyframes hvr-bob-float {
+  100% {
+    -webkit-transform: translateY(-8px);
+    transform: translateY(-8px);
+  }
+}
+
+.hvr-bob {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.hover:hover, .hover:focus, .hover:active {
-  -webkit-transform: translateY(-6px);
-  transform: translateY(-6px);
-  -webkit-animation-name: hover;
-  animation-name: hover;
-  -webkit-animation-duration: 1.5s;
-  animation-duration: 1.5s;
-  -webkit-animation-delay: 0.3s;
-  animation-delay: 0.3s;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-direction: alternate;
-  animation-direction: alternate;
+.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
+  -webkit-animation-name: hvr-bob-float, hvr-bob;
+  animation-name: hvr-bob-float, hvr-bob;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
 }
 
 /* Hang */
-@-webkit-keyframes hang {
+@-webkit-keyframes hvr-hang {
+  0% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+
   50% {
-    -webkit-transform: translateY(3px);
-    transform: translateY(3px);
+    -webkit-transform: translateY(4px);
+    transform: translateY(4px);
   }
 
   100% {
-    -webkit-transform: translateY(6px);
-    transform: translateY(6px);
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
   }
 }
 
-@keyframes hang {
+@keyframes hvr-hang {
+  0% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+
   50% {
-    -webkit-transform: translateY(3px);
-    transform: translateY(3px);
+    -webkit-transform: translateY(4px);
+    transform: translateY(4px);
   }
 
   100% {
-    -webkit-transform: translateY(6px);
-    transform: translateY(6px);
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
   }
 }
 
-.hang {
-  display: inline-block;
-  -webkit-transition-duration: 0.5s;
-  transition-duration: 0.5s;
-  -webkit-transition-property: transform;
-  transition-property: transform;
+@-webkit-keyframes hvr-hang-sink {
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+
+@keyframes hvr-hang-sink {
+  100% {
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px);
+  }
+}
+
+.hvr-hang {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.hang:hover, .hang:focus, .hang:active {
-  -webkit-transform: translateY(6px);
-  transform: translateY(6px);
-  -webkit-animation-name: hang;
-  animation-name: hang;
-  -webkit-animation-duration: 1.5s;
-  animation-duration: 1.5s;
-  -webkit-animation-delay: 0.3s;
-  animation-delay: 0.3s;
-  -webkit-animation-timing-function: linear;
-  animation-timing-function: linear;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-direction: alternate;
-  animation-direction: alternate;
+.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
+  -webkit-animation-name: hvr-hang-sink, hvr-hang;
+  animation-name: hvr-hang-sink, hvr-hang;
+  -webkit-animation-duration: .3s, 1.5s;
+  animation-duration: .3s, 1.5s;
+  -webkit-animation-delay: 0s, .3s;
+  animation-delay: 0s, .3s;
+  -webkit-animation-timing-function: ease-out, ease-in-out;
+  animation-timing-function: ease-out, ease-in-out;
+  -webkit-animation-iteration-count: 1, infinite;
+  animation-iteration-count: 1, infinite;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  -webkit-animation-direction: normal, alternate;
+  animation-direction: normal, alternate;
 }
 
 /* Skew */
-.skew {
-  display: inline-block;
+.hvr-skew {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -426,15 +480,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.skew:hover, .skew:focus, .skew:active {
+.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
   -webkit-transform: skew(-10deg);
   transform: skew(-10deg);
 }
 
 /* Skew Forward */
-.skew-forward {
-  display: inline-block;
+.hvr-skew-forward {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -444,15 +499,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.skew-forward:hover, .skew-forward:focus, .skew-forward:active {
+.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
   -webkit-transform: skew(-10deg);
   transform: skew(-10deg);
 }
 
 /* Skew Backward */
-.skew-backward {
-  display: inline-block;
+.hvr-skew-backward {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
@@ -462,14 +518,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.skew-backward:hover, .skew-backward:focus, .skew-backward:active {
+.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
   -webkit-transform: skew(10deg);
   transform: skew(10deg);
 }
 
 /* Wobble Vertical */
-@-webkit-keyframes wobble-vertical {
+@-webkit-keyframes hvr-wobble-vertical {
   16.65% {
     -webkit-transform: translateY(8px);
     transform: translateY(8px);
@@ -501,7 +559,7 @@
   }
 }
 
-@keyframes wobble-vertical {
+@keyframes hvr-wobble-vertical {
   16.65% {
     -webkit-transform: translateY(8px);
     transform: translateY(8px);
@@ -533,15 +591,16 @@
   }
 }
 
-.wobble-vertical {
-  display: inline-block;
+.hvr-wobble-vertical {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
-  -webkit-animation-name: wobble-vertical;
-  animation-name: wobble-vertical;
+.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
+  -webkit-animation-name: hvr-wobble-vertical;
+  animation-name: hvr-wobble-vertical;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -551,7 +610,7 @@
 }
 
 /* Wobble Horizontal */
-@-webkit-keyframes wobble-horizontal {
+@-webkit-keyframes hvr-wobble-horizontal {
   16.65% {
     -webkit-transform: translateX(8px);
     transform: translateX(8px);
@@ -583,7 +642,7 @@
   }
 }
 
-@keyframes wobble-horizontal {
+@keyframes hvr-wobble-horizontal {
   16.65% {
     -webkit-transform: translateX(8px);
     transform: translateX(8px);
@@ -615,15 +674,16 @@
   }
 }
 
-.wobble-horizontal {
-  display: inline-block;
+.hvr-wobble-horizontal {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
-  -webkit-animation-name: wobble-horizontal;
-  animation-name: wobble-horizontal;
+.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
+  -webkit-animation-name: hvr-wobble-horizontal;
+  animation-name: hvr-wobble-horizontal;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -633,7 +693,7 @@
 }
 
 /* Wobble To Bottom Right */
-@-webkit-keyframes wobble-to-bottom-right {
+@-webkit-keyframes hvr-wobble-to-bottom-right {
   16.65% {
     -webkit-transform: translate(8px, 8px);
     transform: translate(8px, 8px);
@@ -665,7 +725,7 @@
   }
 }
 
-@keyframes wobble-to-bottom-right {
+@keyframes hvr-wobble-to-bottom-right {
   16.65% {
     -webkit-transform: translate(8px, 8px);
     transform: translate(8px, 8px);
@@ -697,15 +757,16 @@
   }
 }
 
-.wobble-to-bottom-right {
-  display: inline-block;
+.hvr-wobble-to-bottom-right {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-to-bottom-right:hover, .wobble-to-bottom-right:focus, .wobble-to-bottom-right:active {
-  -webkit-animation-name: wobble-to-bottom-right;
-  animation-name: wobble-to-bottom-right;
+.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
+  -webkit-animation-name: hvr-wobble-to-bottom-right;
+  animation-name: hvr-wobble-to-bottom-right;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -715,7 +776,7 @@
 }
 
 /* Wobble To Top Right */
-@-webkit-keyframes wobble-to-top-right {
+@-webkit-keyframes hvr-wobble-to-top-right {
   16.65% {
     -webkit-transform: translate(8px, -8px);
     transform: translate(8px, -8px);
@@ -747,7 +808,7 @@
   }
 }
 
-@keyframes wobble-to-top-right {
+@keyframes hvr-wobble-to-top-right {
   16.65% {
     -webkit-transform: translate(8px, -8px);
     transform: translate(8px, -8px);
@@ -779,15 +840,16 @@
   }
 }
 
-.wobble-to-top-right {
-  display: inline-block;
+.hvr-wobble-to-top-right {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-to-top-right:hover, .wobble-to-top-right:focus, .wobble-to-top-right:active {
-  -webkit-animation-name: wobble-to-top-right;
-  animation-name: wobble-to-top-right;
+.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
+  -webkit-animation-name: hvr-wobble-to-top-right;
+  animation-name: hvr-wobble-to-top-right;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -797,7 +859,7 @@
 }
 
 /* Wobble Top */
-@-webkit-keyframes wobble-top {
+@-webkit-keyframes hvr-wobble-top {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -829,7 +891,7 @@
   }
 }
 
-@keyframes wobble-top {
+@keyframes hvr-wobble-top {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -861,17 +923,18 @@
   }
 }
 
-.wobble-top {
-  display: inline-block;
+.hvr-wobble-top {
   -webkit-transform-origin: 0 100%;
   transform-origin: 0 100%;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-top:hover, .wobble-top:focus, .wobble-top:active {
-  -webkit-animation-name: wobble-top;
-  animation-name: wobble-top;
+.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
+  -webkit-animation-name: hvr-wobble-top;
+  animation-name: hvr-wobble-top;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -881,7 +944,7 @@
 }
 
 /* Wobble Bottom */
-@-webkit-keyframes wobble-bottom {
+@-webkit-keyframes hvr-wobble-bottom {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -913,7 +976,7 @@
   }
 }
 
-@keyframes wobble-bottom {
+@keyframes hvr-wobble-bottom {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -945,17 +1008,18 @@
   }
 }
 
-.wobble-bottom {
-  display: inline-block;
+.hvr-wobble-bottom {
   -webkit-transform-origin: 100% 0;
   transform-origin: 100% 0;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-bottom:hover, .wobble-bottom:focus, .wobble-bottom:active {
-  -webkit-animation-name: wobble-bottom;
-  animation-name: wobble-bottom;
+.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
+  -webkit-animation-name: hvr-wobble-bottom;
+  animation-name: hvr-wobble-bottom;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -965,7 +1029,7 @@
 }
 
 /* Wobble Skew */
-@-webkit-keyframes wobble-skew {
+@-webkit-keyframes hvr-wobble-skew {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -997,7 +1061,7 @@
   }
 }
 
-@keyframes wobble-skew {
+@keyframes hvr-wobble-skew {
   16.65% {
     -webkit-transform: skew(-12deg);
     transform: skew(-12deg);
@@ -1029,15 +1093,16 @@
   }
 }
 
-.wobble-skew {
-  display: inline-block;
+.hvr-wobble-skew {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.wobble-skew:hover, .wobble-skew:focus, .wobble-skew:active {
-  -webkit-animation-name: wobble-skew;
-  animation-name: wobble-skew;
+.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
+  -webkit-animation-name: hvr-wobble-skew;
+  animation-name: hvr-wobble-skew;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-timing-function: ease-in-out;
@@ -1047,7 +1112,7 @@
 }
 
 /* Buzz */
-@-webkit-keyframes buzz {
+@-webkit-keyframes hvr-buzz {
   50% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
@@ -1059,7 +1124,7 @@
   }
 }
 
-@keyframes buzz {
+@keyframes hvr-buzz {
   50% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
@@ -1071,15 +1136,16 @@
   }
 }
 
-.buzz {
-  display: inline-block;
+.hvr-buzz {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.buzz:hover, .buzz:focus, .buzz:active {
-  -webkit-animation-name: buzz;
-  animation-name: buzz;
+.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
+  -webkit-animation-name: hvr-buzz;
+  animation-name: hvr-buzz;
   -webkit-animation-duration: 0.15s;
   animation-duration: 0.15s;
   -webkit-animation-timing-function: linear;
@@ -1089,7 +1155,7 @@
 }
 
 /* Buzz Out */
-@-webkit-keyframes buzz-out {
+@-webkit-keyframes hvr-buzz-out {
   10% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
@@ -1141,7 +1207,7 @@
   }
 }
 
-@keyframes buzz-out {
+@keyframes hvr-buzz-out {
   10% {
     -webkit-transform: translateX(3px) rotate(2deg);
     transform: translateX(3px) rotate(2deg);
@@ -1193,15 +1259,16 @@
   }
 }
 
-.buzz-out {
-  display: inline-block;
+.hvr-buzz-out {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
-  -webkit-animation-name: buzz-out;
-  animation-name: buzz-out;
+.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
+  -webkit-animation-name: hvr-buzz-out;
+  animation-name: hvr-buzz-out;
   -webkit-animation-duration: 0.75s;
   animation-duration: 0.75s;
   -webkit-animation-timing-function: linear;
@@ -1212,8 +1279,7 @@
 
 /* BORDER TRANSITIONS */
 /* Border Fade */
-.border-fade {
-  display: inline-block;
+.hvr-border-fade {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
@@ -1223,14 +1289,13 @@
   box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
   /* Hack to improve aliasing on mobile/tablet devices */
 }
-.border-fade:hover, .border-fade:focus, .border-fade:active {
+.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
   box-shadow: inset 0 0 0 4px #666666, 0 0 1px rgba(0, 0, 0, 0);
   /* Hack to improve aliasing on mobile/tablet devices */
 }
 
 /* Hollow */
-.hollow {
-  display: inline-block;
+.hvr-hollow {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: background;
@@ -1240,19 +1305,20 @@
   box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
   /* Hack to improve aliasing on mobile/tablet devices */
 }
-.hollow:hover, .hollow:focus, .hollow:active {
+.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
   background: none;
 }
 
 /* Trim */
-.trim {
-  display: inline-block;
+.hvr-trim {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.trim:before {
+.hvr-trim:before {
   content: '';
   position: absolute;
   border: white solid 4px;
@@ -1266,19 +1332,20 @@
   -webkit-transition-property: opacity;
   transition-property: opacity;
 }
-.trim:hover:before, .trim:focus:before, .trim:active:before {
+.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
   opacity: 1;
 }
 
 /* Outline Outward */
-.outline-outward {
-  display: inline-block;
+.hvr-outline-outward {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.outline-outward:before {
+.hvr-outline-outward:before {
   content: '';
   position: absolute;
   border: #e1e1e1 solid 4px;
@@ -1291,7 +1358,7 @@
   -webkit-transition-property: top, right, bottom, left;
   transition-property: top, right, bottom, left;
 }
-.outline-outward:hover:before, .outline-outward:focus:before, .outline-outward:active:before {
+.hvr-outline-outward:hover:before, .hvr-outline-outward:focus:before, .hvr-outline-outward:active:before {
   top: -8px;
   right: -8px;
   bottom: -8px;
@@ -1299,14 +1366,15 @@
 }
 
 /* Outline Inward */
-.outline-inward {
-  display: inline-block;
+.hvr-outline-inward {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.outline-inward:before {
+.hvr-outline-inward:before {
   pointer-events: none;
   content: '';
   position: absolute;
@@ -1321,7 +1389,7 @@
   -webkit-transition-property: top, right, bottom, left;
   transition-property: top, right, bottom, left;
 }
-.outline-inward:hover:before, .outline-inward:focus:before, .outline-inward:active:before {
+.hvr-outline-inward:hover:before, .hvr-outline-inward:focus:before, .hvr-outline-inward:active:before {
   top: -8px;
   right: -8px;
   bottom: -8px;
@@ -1330,8 +1398,7 @@
 }
 
 /* Round Corners */
-.round-corners {
-  display: inline-block;
+.hvr-round-corners {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: border-radius;
@@ -1339,15 +1406,16 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.round-corners:hover, .round-corners:focus, .round-corners:active {
+.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
   border-radius: 1em;
 }
 
 /* SHADOW/GLOW TRANSITIONS */
 /* Glow */
-.glow {
-  display: inline-block;
+.hvr-glow {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
@@ -1355,14 +1423,15 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.glow:hover, .glow:focus, .glow:active {
+.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 }
 
 /* Box Shadow Outset */
-.box-shadow-outset {
-  display: inline-block;
+.hvr-box-shadow-outset {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
@@ -1370,14 +1439,15 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.box-shadow-outset:hover, .box-shadow-outset:focus, .box-shadow-outset:active {
+.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
 }
 
 /* Box Shadow Inset */
-.box-shadow-inset {
-  display: inline-block;
+.hvr-box-shadow-inset {
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: box-shadow;
@@ -1387,14 +1457,13 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
 }
-.box-shadow-inset:hover, .box-shadow-inset:focus, .box-shadow-inset:active {
+.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
   box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
   /* Hack to improve aliasing on mobile/tablet devices */
 }
 
 /* Float Shadow */
-.float-shadow {
-  display: inline-block;
+.hvr-float-shadow {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1403,8 +1472,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.float-shadow:before {
+.hvr-float-shadow:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1421,20 +1492,20 @@
   -webkit-transition-property: transform, opacity;
   transition-property: transform, opacity;
 }
-.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
+.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
   -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
   /* move the element up by 5px */
 }
-.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
+.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
   opacity: 1;
   -webkit-transform: translateY(5px);
   transform: translateY(5px);
   /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
 }
 
-/* Hover Shadow */
-@-webkit-keyframes hover {
+/* Bob Shadow */
+@-webkit-keyframes hvr-bob-shadow-bob {
   50% {
     -webkit-transform: translateY(-3px);
     transform: translateY(-3px);
@@ -1446,7 +1517,7 @@
   }
 }
 
-@keyframes hover {
+@keyframes hvr-bob-shadow-bob {
   50% {
     -webkit-transform: translateY(-3px);
     transform: translateY(-3px);
@@ -1458,7 +1529,7 @@
   }
 }
 
-@-webkit-keyframes hover-shadow {
+@-webkit-keyframes hvr-bob-shadow-shadow {
   0% {
     -webkit-transform: translateY(6px);
     transform: translateY(6px);
@@ -1478,7 +1549,7 @@
   }
 }
 
-@keyframes hover-shadow {
+@keyframes hvr-bob-shadow-shadow {
   0% {
     -webkit-transform: translateY(6px);
     transform: translateY(6px);
@@ -1498,8 +1569,7 @@
   }
 }
 
-.hover-shadow {
-  display: inline-block;
+.hvr-bob-shadow {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1508,8 +1578,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.hover-shadow:before {
+.hvr-bob-shadow:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1521,16 +1593,18 @@
   opacity: 0;
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
   /* W3C */
+  -webkit-transform: translateY(6px);
+  transform: translateY(6px);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
-  -webkit-transition-property: transform, opacity;
-  transition-property: transform, opacity;
+  -webkit-transition-property: opacity;
+  transition-property: opacity;
 }
-.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
+.hvr-bob-shadow:hover, .hvr-bob-shadow:focus, .hvr-bob-shadow:active {
   -webkit-transform: translateY(-6px);
   transform: translateY(-6px);
-  -webkit-animation-name: hover;
-  animation-name: hover;
+  -webkit-animation-name: hvr-bob-shadow-bob;
+  animation-name: hvr-bob-shadow-bob;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-delay: 0.3s;
@@ -1542,12 +1616,10 @@
   -webkit-animation-direction: alternate;
   animation-direction: alternate;
 }
-.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
+.hvr-bob-shadow:hover:before, .hvr-bob-shadow:focus:before, .hvr-bob-shadow:active:before {
   opacity: .4;
-  -webkit-transform: translateY(6px);
-  transform: translateY(6px);
-  -webkit-animation-name: hover-shadow;
-  animation-name: hover-shadow;
+  -webkit-animation-name: hvr-bob-shadow-shadow;
+  animation-name: hvr-bob-shadow-shadow;
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
   -webkit-animation-delay: 0.3s;
@@ -1561,14 +1633,15 @@
 }
 
 /* Shadow Radial */
-.shadow-radial {
-  display: inline-block;
+.hvr-shadow-radial {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.shadow-radial:before, .shadow-radial:after {
+.hvr-shadow-radial:before, .hvr-shadow-radial:after {
   pointer-events: none;
   position: absolute;
   content: '';
@@ -1583,28 +1656,29 @@
   -webkit-transition-property: opacity;
   transition-property: opacity;
 }
-.shadow-radial:before {
+.hvr-shadow-radial:before {
   bottom: 100%;
   background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
 }
-.shadow-radial:after {
+.hvr-shadow-radial:after {
   top: 100%;
   background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
 }
-.shadow-radial:hover:before, .shadow-radial:focus:before, .shadow-radial:active:before, .shadow-radial:hover:after, .shadow-radial:focus:after, .shadow-radial:active:after {
+.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
   opacity: 1;
 }
 
 /* SPEECH BUBBLES */
 /* Bubble Top */
-.bubble-top {
-  display: inline-block;
+.hvr-bubble-top {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-top:before {
+.hvr-bubble-top:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1619,19 +1693,20 @@
   border-width: 0 10px 10px 10px;
   border-color: transparent transparent #e1e1e1 transparent;
 }
-.bubble-top:hover:before, .bubble-top:focus:before, .bubble-top:active:before {
+.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
   top: -10px;
 }
 
 /* Bubble Right */
-.bubble-right {
-  display: inline-block;
+.hvr-bubble-right {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-right:before {
+.hvr-bubble-right:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1646,19 +1721,20 @@
   border-width: 10px 0 10px 10px;
   border-color: transparent transparent transparent #e1e1e1;
 }
-.bubble-right:hover:before, .bubble-right:focus:before, .bubble-right:active:before {
+.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
   right: -10px;
 }
 
 /* Bubble Bottom */
-.bubble-bottom {
-  display: inline-block;
+.hvr-bubble-bottom {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-bottom:before {
+.hvr-bubble-bottom:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1673,19 +1749,20 @@
   border-width: 10px 10px 0 10px;
   border-color: #e1e1e1 transparent transparent transparent;
 }
-.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
+.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
   bottom: -10px;
 }
 
 /* Bubble Left */
-.bubble-left {
-  display: inline-block;
+.hvr-bubble-left {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-left:before {
+.hvr-bubble-left:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
@@ -1700,13 +1777,12 @@
   border-width: 10px 10px 10px 0;
   border-color: transparent #e1e1e1 transparent transparent;
 }
-.bubble-left:hover:before, .bubble-left:focus:before, .bubble-left:active:before {
+.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
   left: -10px;
 }
 
 /* Bubble Float Top */
-.bubble-float-top {
-  display: inline-block;
+.hvr-bubble-float-top {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1715,8 +1791,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-float-top:before {
+.hvr-bubble-float-top:before {
   position: absolute;
   z-index: -1;
   content: '';
@@ -1730,17 +1808,16 @@
   -webkit-transition-property: top;
   transition-property: top;
 }
-.bubble-float-top:hover, .bubble-float-top:focus, .bubble-float-top:active {
+.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
   -webkit-transform: translateY(5px) translateZ(0);
   transform: translateY(5px) translateZ(0);
 }
-.bubble-float-top:hover:before, .bubble-float-top:focus:before, .bubble-float-top:active:before {
+.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
   top: -10px;
 }
 
 /* Bubble Float Right */
-.bubble-float-right {
-  display: inline-block;
+.hvr-bubble-float-right {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1749,8 +1826,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-float-right:before {
+.hvr-bubble-float-right:before {
   position: absolute;
   z-index: -1;
   top: calc(50% - 10px);
@@ -1764,17 +1843,16 @@
   -webkit-transition-property: right;
   transition-property: right;
 }
-.bubble-float-right:hover, .bubble-float-right:focus, .bubble-float-right:active {
+.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
   -webkit-transform: translateX(-5px);
   transform: translateX(-5px);
 }
-.bubble-float-right:hover:before, .bubble-float-right:focus:before, .bubble-float-right:active:before {
+.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
   right: -10px;
 }
 
 /* Bubble Float Bottom */
-.bubble-float-bottom {
-  display: inline-block;
+.hvr-bubble-float-bottom {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1783,8 +1861,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-float-bottom:before {
+.hvr-bubble-float-bottom:before {
   position: absolute;
   z-index: -1;
   content: '';
@@ -1798,17 +1878,16 @@
   -webkit-transition-property: bottom;
   transition-property: bottom;
 }
-.bubble-float-bottom:hover, .bubble-float-bottom:focus, .bubble-float-bottom:active {
+.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
   -webkit-transform: translateY(-5px) translateZ(0);
   transform: translateY(-5px) translateZ(0);
 }
-.bubble-float-bottom:hover:before, .bubble-float-bottom:focus:before, .bubble-float-bottom:active:before {
+.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
   bottom: -10px;
 }
 
 /* Bubble Float Left */
-.bubble-float-left {
-  display: inline-block;
+.hvr-bubble-float-left {
   position: relative;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
@@ -1817,8 +1896,10 @@
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.bubble-float-left:before {
+.hvr-bubble-float-left:before {
   position: absolute;
   z-index: -1;
   content: '';
@@ -1832,24 +1913,25 @@
   -webkit-transition-property: left;
   transition-property: left;
 }
-.bubble-float-left:hover, .bubble-float-left:focus, .bubble-float-left:active {
+.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
   -webkit-transform: translateX(5px);
   transform: translateX(5px);
 }
-.bubble-float-left:hover:before, .bubble-float-left:focus:before, .bubble-float-left:active:before {
+.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
   left: -10px;
 }
 
 /* CURLS */
 /* Curl Top Left */
-.curl-top-left {
-  display: inline-block;
+.hvr-curl-top-left {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.curl-top-left:before {
+.hvr-curl-top-left:before {
   pointer-events: none;
   position: absolute;
   content: '';
@@ -1869,20 +1951,21 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.curl-top-left:hover:before, .curl-top-left:focus:before, .curl-top-left:active:before {
+.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
   width: 25px;
   height: 25px;
 }
 
 /* Curl Top Right */
-.curl-top-right {
-  display: inline-block;
+.hvr-curl-top-right {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.curl-top-right:before {
+.hvr-curl-top-right:before {
   pointer-events: none;
   position: absolute;
   content: '';
@@ -1899,20 +1982,21 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.curl-top-right:hover:before, .curl-top-right:focus:before, .curl-top-right:active:before {
+.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
   width: 25px;
   height: 25px;
 }
 
 /* Curl Bottom Right */
-.curl-bottom-right {
-  display: inline-block;
+.hvr-curl-bottom-right {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.curl-bottom-right:before {
+.hvr-curl-bottom-right:before {
   pointer-events: none;
   position: absolute;
   content: '';
@@ -1929,20 +2013,21 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.curl-bottom-right:hover:before, .curl-bottom-right:focus:before, .curl-bottom-right:active:before {
+.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
   width: 25px;
   height: 25px;
 }
 
 /* Curl Bottom Left */
-.curl-bottom-left {
-  display: inline-block;
+.hvr-curl-bottom-left {
   position: relative;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
-.curl-bottom-left:before {
+.hvr-curl-bottom-left:before {
   pointer-events: none;
   position: absolute;
   content: '';
@@ -1959,7 +2044,7 @@
   -webkit-transition-property: width, height;
   transition-property: width, height;
 }
-.curl-bottom-left:hover:before, .curl-bottom-left:focus:before, .curl-bottom-left:active:before {
+.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
   width: 25px;
   height: 25px;
 }
diff --git a/index.html b/index.html
index edaf058..2c9942d 100644
--- a/index.html
+++ b/index.html
@@ -11,89 +11,99 @@
 	</head>
 	<body>
 
-		<h1>Hover.css</h1>
-		<p class="intro">A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.<p>
-
 		<span id="forkongithub"><a href="https://github.com/IanLunn/Hover">Fork me on GitHub</a></span>
 
-		<div class="aligncenter">
-			<a class="button cta hover-shadow" href="https://github.com/IanLunn/Hover">Download on GitHub</a>
-			<a class="tutorial" href="http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/">Read Tutorial</a>
+		<h1>Hover.css</h1>
+
+		<p class="intro">A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.<p>
+
+		<div class="social aligncenter">
+			<div class="social-button">
+				<iframe src="http://ghbtns.com/github-btn.html?user=IanLunn&repo=Hover&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="140" height="20"></iframe>
+			</div>
+
+			<div class="social-button">
+				<a href="https://twitter.com/share" class="twitter-share-button" data-related="IanLunn" data-dnt="true">Tweet</a>
+			</div>
 		</div>
 
-		<div id="effects">
+		<div class="aligncenter">
+			<a class="button cta hvr-float-shadow" href="https://github.com/IanLunn/Hover">Download on GitHub</a><br />
+			<a class="tutorial hvr-pop" href="http://ianlunn.co.uk/articles/hover-css-tutorial-introduction/">Read Tutorial &rarr;</a>
+		</div>
+
+		<div class="effects">
 
 			<h2>2D Transforms</h2>
 
-			<a href="#" class="button grow">Grow</a>
-			<a href="#" class="button shrink">Shrink</a>
-			<a href="#" class="button pulse">Pulse</a>
-			<a href="#" class="button pulse-grow">Pulse Grow</a>
-			<a href="#" class="button pulse-shrink">Pulse Shrink</a>
-			<a href="#" class="button push">Push</a>
-			<a href="#" class="button pop">Pop</a>
-			<a href="#" class="button rotate">Rotate</a>
-			<a href="#" class="button grow-rotate">Grow Rotate</a>
-			<a href="#" class="button float">Float</a>
-			<a href="#" class="button sink">Sink</a>
-			<a href="#" class="button hover">Hover</a>
-			<a href="#" class="button hang">Hang</a>
-			<a href="#" class="button skew">Skew</a>
-			<a href="#" class="button skew-forward">Skew Forward</a>
-			<a href="#" class="button skew-backward">Skew Backward</a>
-			<a href="#" class="button wobble-horizontal">Wobble Horizontal</a>
-			<a href="#" class="button wobble-vertical">Wobble Vertical</a>
-			<a href="#" class="button wobble-to-bottom-right">Wobble To Bottom Right</a>
-			<a href="#" class="button wobble-to-top-right">Wobble To Top Right</a>
-			<a href="#" class="button wobble-top">Wobble Top</a>
-			<a href="#" class="button wobble-bottom">Wobble Bottom</a>
-			<a href="#" class="button wobble-skew">Wobble Skew</a>
-			<a href="#" class="button buzz">Buzz</a>
-			<a href="#" class="button buzz-out">Buzz Out</a>
+			<a href="#" class="hvr-grow">Grow</a>
+			<a href="#" class="hvr-shrink">Shrink</a>
+			<a href="#" class="hvr-pulse">Pulse</a>
+			<a href="#" class="hvr-pulse-grow">Pulse Grow</a>
+			<a href="#" class="hvr-pulse-shrink">Pulse Shrink</a>
+			<a href="#" class="hvr-push">Push</a>
+			<a href="#" class="hvr-pop">Pop</a>
+			<a href="#" class="hvr-rotate">Rotate</a>
+			<a href="#" class="hvr-grow-rotate">Grow Rotate</a>
+			<a href="#" class="hvr-float">Float</a>
+			<a href="#" class="hvr-sink">Sink</a>
+			<a href="#" class="hvr-bob">Bob</a>
+			<a href="#" class="hvr-hang">Hang</a>
+			<a href="#" class="hvr-skew">Skew</a>
+			<a href="#" class="hvr-skew-forward">Skew Forward</a>
+			<a href="#" class="hvr-skew-backward">Skew Backward</a>
+			<a href="#" class="hvr-wobble-horizontal">Wobble Horizontal</a>
+			<a href="#" class="hvr-wobble-vertical">Wobble Vertical</a>
+			<a href="#" class="hvr-wobble-to-bottom-right">Wobble To Bottom Right</a>
+			<a href="#" class="hvr-wobble-to-top-right">Wobble To Top Right</a>
+			<a href="#" class="hvr-wobble-top">Wobble Top</a>
+			<a href="#" class="hvr-wobble-bottom">Wobble Bottom</a>
+			<a href="#" class="hvr-wobble-skew">Wobble Skew</a>
+			<a href="#" class="hvr-buzz">Buzz</a>
+			<a href="#" class="hvr-buzz-out">Buzz Out</a>
 
 
 
 			<h2>Border Transitions</h2>
 
-			<a href="#" class="button border-fade">Border Fade</a>
-			<a href="#" class="button hollow">Hollow</a>
-			<a href="#" class="button trim">Trim</a>
-			<a href="#" class="button outline-outward">Outline Outward</a>
-			<a href="#" class="button outline-inward">Outline Inward</a>
-			<a href="#" class="button round-corners">Round Corners</a>
+			<a href="#" class="hvr-border-fade">Border Fade</a>
+			<a href="#" class="hvr-hollow">Hollow</a>
+			<a href="#" class="hvr-trim">Trim</a>
+			<a href="#" class="hvr-outline-outward">Outline Outward</a>
+			<a href="#" class="hvr-outline-inward">Outline Inward</a>
+			<a href="#" class="hvr-round-corners">Round Corners</a>
 
 
 
 			<h2>Shadow and Glow Transitions</h2>
 
-			<a href="#" class="button glow">Glow</a>
-			<a href="#" class="button box-shadow-outset">Box Shadow Outset</a>
-			<a href="#" class="button box-shadow-inset">Box Shadow Inset</a>
-			<a href="#" class="button float-shadow">Float Shadow</a>
-			<a href="#" class="button hover-shadow">Hover Shadow</a>
-			<a href="#" class="button shadow-radial">Shadow Radial</a>
+			<a href="#" class="hvr-glow">Glow</a>
+			<a href="#" class="hvr-box-shadow-outset">Box Shadow Outset</a>
+			<a href="#" class="hvr-box-shadow-inset">Box Shadow Inset</a>
+			<a href="#" class="hvr-float-shadow">Float Shadow</a>
+			<a href="#" class="hvr-shadow-radial">Shadow Radial</a>
 
 
 
 			<h2>Speech Bubbles</h2>
 
-			<a href="#" class="button bubble-top">Bubble Top</a>
-			<a href="#" class="button bubble-right">Bubble Right</a>
-			<a href="#" class="button bubble-bottom">Bubble Bottom</a>
-			<a href="#" class="button bubble-left">Bubble Left</a>
-			<a href="#" class="button bubble-float-top">Bubble Float Top</a>
-			<a href="#" class="button bubble-float-right">Bubble Float Right</a>
-			<a href="#" class="button bubble-float-bottom">Bubble Float Bottom</a>
-			<a href="#" class="button bubble-float-left">Bubble Float Left</a>
+			<a href="#" class="hvr-bubble-top">Bubble Top</a>
+			<a href="#" class="hvr-bubble-right">Bubble Right</a>
+			<a href="#" class="hvr-bubble-bottom">Bubble Bottom</a>
+			<a href="#" class="hvr-bubble-left">Bubble Left</a>
+			<a href="#" class="hvr-bubble-float-top">Bubble Float Top</a>
+			<a href="#" class="hvr-bubble-float-right">Bubble Float Right</a>
+			<a href="#" class="hvr-bubble-float-bottom">Bubble Float Bottom</a>
+			<a href="#" class="hvr-bubble-float-left">Bubble Float Left</a>
 
 
 
 			<h2>Curls</h2>
 
-			<a href="#" class="button curl-top-left">Curl Top Left</a>
-			<a href="#" class="button curl-top-right">Curl Top Right</a>
-			<a href="#" class="button curl-bottom-right">Curl Bottom Right</a>
-			<a href="#" class="button curl-bottom-left">Curl Bottom Left</a>
+			<a href="#" class="hvr-curl-top-left">Curl Top Left</a>
+			<a href="#" class="hvr-curl-top-right">Curl Top Right</a>
+			<a href="#" class="hvr-curl-bottom-right">Curl Bottom Right</a>
+			<a href="#" class="hvr-curl-bottom-left">Curl Bottom Left</a>
 
 		</div>
 
@@ -115,31 +125,16 @@
 				<p>Placing author information in your stylesheet, credits page or humans.txt is much appreciated.</p>
 			</div>
 
-			<div class="social aligncenter">
-				<div class="social-button">
-					<iframe src="http://ghbtns.com/github-btn.html?user=IanLunn&repo=Hover&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="140" height="20"></iframe>
-				</div>
-
-				<div class="social-button">
-					<a href="https://twitter.com/share" class="twitter-share-button" data-related="IanLunn" data-dnt="true">Tweet</a>
-					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-				</div>
-			</div>
-
 			<div class="author">
-				<a class="logo" href="http://ianlunn.co.uk/" title="Visit portfolio of Ian Lunn"><img class="hover" src="logo-transparent.png" width="60" height="60" /></a>
-
-				<div class="social-button">
-					<a href="https://twitter.com/IanLunn" class="twitter-follow-button" data-show-count="false" data-dnt="true" data-size="large">Follow @IanLunn</a>
-					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-				</div>
-				<p>I tweet about web technologies such as CSS3, HTML5 and JavaScript</p>
-				<p class="credit">Created by <a href="http://ianlunn.co.uk/" title="Visit portfolio of Ian Lunn">Ian Lunn</a> - Front End Web Developer</p>
+				<a class="logo" href="http://ianlunn.co.uk/" title="Visit portfolio of Ian Lunn"><img class="hvr-bob" src="logo-transparent.png" width="60" height="60" /></a>
 
+				<p class="follow"><a href="https://twitter.com/IanLunn" class="twitter-follow-button" data-show-count="false" data-dnt="true" data-size="large">Follow @IanLunn</a> for tweets, opinions,  and links<br /> reating to CSS3, HTML5, and JavaScript</p>
+				<p class="credit">Created by <a href="http://ianlunn.co.uk/" title="Visit portfolio of Ian Lunn">Ian Lunn - Front End Web Developer</a></p>
 			</div>
-
 		</div>
 
+		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+
 		<script>
 		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/scss/_hacks.scss b/scss/_hacks.scss
index 287882e..38a8115 100644
--- a/scss/_hacks.scss
+++ b/scss/_hacks.scss
@@ -12,7 +12,13 @@
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 }
 
-@mixin hacks() {
-  @include hardwareAccel();
-  @include improveAntiAlias();
+@mixin webkitFontFix() {
+	-webkit-backface-visibility: hidden;
+	backface-visibility: hidden;
+}
+
+@mixin hacks() {
+	@include hardwareAccel();
+	@include improveAntiAlias();
+	@include webkitFontFix();
 }
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 086237f..e992178 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -1,15 +1,3 @@
-// Default styles for the demo buttons
-@mixin button {
-  margin: .4em;
-  padding: 1em;
-  cursor: pointer;
-  background: $primaryColour;
-  text-decoration: none;
-  color: $secondaryColour;
-  // Prevent highlight colour when element is tapped
-	-webkit-tap-highlight-color: rgba(0,0,0,0);
-}
-
 // prefix declarations
 @mixin prefixed($property, $value) {
   @if $webkit == true {
diff --git a/scss/_options.scss b/scss/_options.scss
index 7d1f263..7d9ff8a 100644
--- a/scss/_options.scss
+++ b/scss/_options.scss
@@ -1,4 +1,6 @@
 // DEFAULT OPTIONS
+
+$nameSpace: 'hvr'; // What to prefix each class name with
 $defaultDuration: .3s;
 $primaryColour: #e1e1e1;
 $secondaryColour: #666;
@@ -14,10 +16,10 @@ $curlWidth: 25px;
 $curlHeight: 25px;
 
 // Curl colours
-$revealAreaColour: white;			// reveal area behind the curl
-$curlLineColour: #aaa;			   // crease line
-$curlTransitionColour: #ccc;	 // colour transitioning from crease line to final colour
-$curlLastColour: white;				// final colour of the back of the curl
+$revealAreaColour: white;		// reveal area behind the curl
+$curlLineColour: #aaa;			// crease line
+$curlTransitionColour: #ccc;	// colour transitioning from crease line to final colour
+$curlLastColour: white;		    // final colour of the back of the curl
 
 // Browser Prefixes
 $webkit: true;
diff --git a/scss/effects/_bob.scss b/scss/effects/_bob.scss
new file mode 100644
index 0000000..a5307f1
--- /dev/null
+++ b/scss/effects/_bob.scss
@@ -0,0 +1,34 @@
+/* Bob */
+@include keyframes(#{$nameSpace}-bob) {
+	0% {
+		@include prefixed(transform, translateY(-8px));
+	}
+	50% {
+		@include prefixed(transform, translateY(-4px));
+	}
+	100% {
+		@include prefixed(transform, translateY(-8px));
+	}
+}
+
+@include keyframes(#{$nameSpace}-bob-float) {
+	100% {
+		@include prefixed(transform, translateY(-8px));
+	}
+}
+
+@mixin bob {
+	@include hacks();
+
+	&:hover,
+	&:focus,
+	&:active {
+		@include prefixed(animation-name, "#{$nameSpace}-bob-float, #{$nameSpace}-bob");
+		@include prefixed(animation-duration, ".3s, 1.5s");
+		@include prefixed(animation-delay, "0s, .3s");
+		@include prefixed(animation-timing-function, "ease-out, ease-in-out");
+		@include prefixed(animation-iteration-count, "1, infinite");
+		@include prefixed(animation-fill-mode, "forwards");
+		@include prefixed(animation-direction, "normal, alternate");
+	}
+}
diff --git a/scss/effects/_border-fade.scss b/scss/effects/_border-fade.scss
index e840136..aa24761 100644
--- a/scss/effects/_border-fade.scss
+++ b/scss/effects/_border-fade.scss
@@ -1,6 +1,5 @@
 /* Border Fade */
 @mixin border-fade {
-	display: inline-block;
 	$borderWidth: 4px;
 
 	@include prefixed(transition-duration, $defaultDuration);
diff --git a/scss/effects/_box-shadow-inset.scss b/scss/effects/_box-shadow-inset.scss
index c906dbf..e6fb98a 100644
--- a/scss/effects/_box-shadow-inset.scss
+++ b/scss/effects/_box-shadow-inset.scss
@@ -1,6 +1,5 @@
 /* Box Shadow Inset */
 @mixin box-shadow-inset {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, box-shadow);
 
diff --git a/scss/effects/_box-shadow-outset.scss b/scss/effects/_box-shadow-outset.scss
index 646a0ea..5b6229a 100644
--- a/scss/effects/_box-shadow-outset.scss
+++ b/scss/effects/_box-shadow-outset.scss
@@ -1,6 +1,5 @@
 /* Box Shadow Outset */
 @mixin box-shadow-outset {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, box-shadow);
 
diff --git a/scss/effects/_bubble-bottom.scss b/scss/effects/_bubble-bottom.scss
index ca64ffc..92a2728 100644
--- a/scss/effects/_bubble-bottom.scss
+++ b/scss/effects/_bubble-bottom.scss
@@ -1,6 +1,5 @@
 /* Bubble Bottom */
 @mixin bubble-bottom {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_bubble-float-bottom.scss b/scss/effects/_bubble-float-bottom.scss
index 83ed660..1d99fc2 100644
--- a/scss/effects/_bubble-float-bottom.scss
+++ b/scss/effects/_bubble-float-bottom.scss
@@ -1,6 +1,5 @@
 /* Bubble Float Bottom */
 @mixin bubble-float-bottom {
-	display: inline-block;
 	position: relative;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
diff --git a/scss/effects/_bubble-float-left.scss b/scss/effects/_bubble-float-left.scss
index 3c14cff..c5b05cc 100644
--- a/scss/effects/_bubble-float-left.scss
+++ b/scss/effects/_bubble-float-left.scss
@@ -1,6 +1,5 @@
 /* Bubble Float Left */
 @mixin bubble-float-left {
-	display: inline-block;
 	position: relative;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
diff --git a/scss/effects/_bubble-float-right.scss b/scss/effects/_bubble-float-right.scss
index cef8767..8d23949 100644
--- a/scss/effects/_bubble-float-right.scss
+++ b/scss/effects/_bubble-float-right.scss
@@ -1,6 +1,5 @@
 /* Bubble Float Right */
 @mixin bubble-float-right {
-	display: inline-block;
 	position: relative;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
diff --git a/scss/effects/_bubble-float-top.scss b/scss/effects/_bubble-float-top.scss
index 9a52704..7175a04 100644
--- a/scss/effects/_bubble-float-top.scss
+++ b/scss/effects/_bubble-float-top.scss
@@ -1,6 +1,5 @@
 /* Bubble Float Top */
 @mixin bubble-float-top {
-	display: inline-block;
 	position: relative;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
@@ -20,7 +19,6 @@
 		@include prefixed(transition-property, top);
 	}
 
-
 	&:hover,
 	&:focus,
 	&:active {
diff --git a/scss/effects/_bubble-left.scss b/scss/effects/_bubble-left.scss
index 29bbe41..91673ad 100644
--- a/scss/effects/_bubble-left.scss
+++ b/scss/effects/_bubble-left.scss
@@ -1,6 +1,5 @@
 /* Bubble Left */
 @mixin bubble-left {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_bubble-right.scss b/scss/effects/_bubble-right.scss
index 4b4f0c6..5628de2 100644
--- a/scss/effects/_bubble-right.scss
+++ b/scss/effects/_bubble-right.scss
@@ -1,6 +1,5 @@
 /* Bubble Right */
 @mixin bubble-right {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_bubble-top.scss b/scss/effects/_bubble-top.scss
index 41f7ca5..4b20a2b 100644
--- a/scss/effects/_bubble-top.scss
+++ b/scss/effects/_bubble-top.scss
@@ -1,6 +1,5 @@
 /* Bubble Top */
 @mixin bubble-top {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_buzz-out.scss b/scss/effects/_buzz-out.scss
index f0252ed..0ff20f3 100644
--- a/scss/effects/_buzz-out.scss
+++ b/scss/effects/_buzz-out.scss
@@ -1,5 +1,5 @@
 /* Buzz Out */
-@include keyframes(buzz-out) {
+@include keyframes(#{$nameSpace}-buzz-out) {
 	10% {
 		@include prefixed(transform, translateX(3px) rotate(2deg));
 	}
@@ -42,14 +42,12 @@
 }
 
 @mixin buzz-out {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, buzz-out);
+		@include prefixed(animation-name, #{$nameSpace}-buzz-out);
 		@include prefixed(animation-duration, .75s);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_buzz.scss b/scss/effects/_buzz.scss
index 9143aa7..6beac3c 100644
--- a/scss/effects/_buzz.scss
+++ b/scss/effects/_buzz.scss
@@ -1,5 +1,5 @@
 /* Buzz */
-@include keyframes(buzz) {
+@include keyframes(#{$nameSpace}-buzz) {
 	50% {
 		@include prefixed(transform, translateX(3px) rotate(2deg));
 	}
@@ -10,14 +10,12 @@
 }
 
 @mixin buzz {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, buzz);
+		@include prefixed(animation-name, #{$nameSpace}-buzz);
 		@include prefixed(animation-duration, .15s);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, infinite);
diff --git a/scss/effects/_curl-bottom-left.scss b/scss/effects/_curl-bottom-left.scss
index 416a0e5..aab359d 100644
--- a/scss/effects/_curl-bottom-left.scss
+++ b/scss/effects/_curl-bottom-left.scss
@@ -1,6 +1,5 @@
 /* Curl Bottom Left */
 @mixin curl-bottom-left {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_curl-bottom-right.scss b/scss/effects/_curl-bottom-right.scss
index 47776fe..d187d85 100644
--- a/scss/effects/_curl-bottom-right.scss
+++ b/scss/effects/_curl-bottom-right.scss
@@ -1,6 +1,5 @@
 /* Curl Bottom Right */
 @mixin curl-bottom-right {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_curl-top-left.scss b/scss/effects/_curl-top-left.scss
index 300b6d5..ef32e74 100644
--- a/scss/effects/_curl-top-left.scss
+++ b/scss/effects/_curl-top-left.scss
@@ -1,6 +1,5 @@
 /* Curl Top Left */
 @mixin curl-top-left {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_curl-top-right.scss b/scss/effects/_curl-top-right.scss
index 539bacb..90cb4ee 100644
--- a/scss/effects/_curl-top-right.scss
+++ b/scss/effects/_curl-top-right.scss
@@ -1,6 +1,5 @@
 /* Curl Top Right */
 @mixin curl-top-right {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
diff --git a/scss/effects/_float-shadow.scss b/scss/effects/_float-shadow.scss
index 1757477..a85ed7f 100644
--- a/scss/effects/_float-shadow.scss
+++ b/scss/effects/_float-shadow.scss
@@ -1,15 +1,13 @@
 /* Float Shadow */
 @mixin float-shadow {
-	display: inline-block;
 	position: relative;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
-
 	@include hacks();
 
 	&:before {
-		pointer-events: none;
+	  pointer-events: none;
 	  position: absolute;
 	  z-index: -1;
 	  content: '';
diff --git a/scss/effects/_float.scss b/scss/effects/_float.scss
index 9a010d3..1b761b0 100644
--- a/scss/effects/_float.scss
+++ b/scss/effects/_float.scss
@@ -1,14 +1,14 @@
 /* Float */
 @mixin float {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
+	@include prefixed(transition-timing-function, ease-out);
 
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(transform, translateY(-5px));
+		@include prefixed(transform, translateY(-6px));
 	}
 }
diff --git a/scss/effects/_glow.scss b/scss/effects/_glow.scss
index b274028..f7525e8 100644
--- a/scss/effects/_glow.scss
+++ b/scss/effects/_glow.scss
@@ -1,6 +1,5 @@
 /* Glow */
 @mixin glow {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, box-shadow);
 
diff --git a/scss/effects/_grow-rotate.scss b/scss/effects/_grow-rotate.scss
index 99ce58f..438c631 100644
--- a/scss/effects/_grow-rotate.scss
+++ b/scss/effects/_grow-rotate.scss
@@ -1,6 +1,5 @@
 /* Grow Rotate */
 @mixin grow-rotate {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
@@ -8,7 +7,7 @@
 
 	&:hover,
 	&:focus,
-	&:active {	
+	&:active {
 		@include prefixed(transform, scale(1.1) rotate(4deg));
 	}
 }
diff --git a/scss/effects/_grow.scss b/scss/effects/_grow.scss
index fca0b1e..1b20424 100644
--- a/scss/effects/_grow.scss
+++ b/scss/effects/_grow.scss
@@ -1,6 +1,5 @@
 /* Grow */
 @mixin grow {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
diff --git a/scss/effects/_hang.scss b/scss/effects/_hang.scss
index eaeb301..277cc60 100644
--- a/scss/effects/_hang.scss
+++ b/scss/effects/_hang.scss
@@ -1,30 +1,34 @@
 /* Hang */
-@include keyframes(hang) {
-	50% {
-		@include prefixed(transform, translateY(3px));
+@include keyframes(#{$nameSpace}-hang) {
+	0% {
+		@include prefixed(transform, translateY(8px));
+	}
+	50% {
+		@include prefixed(transform, translateY(4px));
 	}
-
 	100% {
-		@include prefixed(transform, translateY(6px));
+		@include prefixed(transform, translateY(8px));
+	}
+}
+
+@include keyframes(#{$nameSpace}-hang-sink) {
+	100% {
+		@include prefixed(transform, translateY(8px));
 	}
 }
 
 @mixin hang {
-	display: inline-block;
-	@include prefixed(transition-duration, .5s);
-	@include prefixed(transition-property, transform);
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(transform, translateY(6px));
-		@include prefixed(animation-name, hang);
-		@include prefixed(animation-duration, 1.5s);
-		@include prefixed(animation-delay, $defaultDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		@include prefixed(animation-direction, alternate);
+		@include prefixed(animation-name, "#{$nameSpace}-hang-sink, #{$nameSpace}-hang");
+		@include prefixed(animation-duration, ".3s, 1.5s");
+		@include prefixed(animation-delay, "0s, .3s");
+		@include prefixed(animation-timing-function, "ease-out, ease-in-out");
+		@include prefixed(animation-iteration-count, "1, infinite");
+		@include prefixed(animation-fill-mode, "forwards");
+		@include prefixed(animation-direction, "normal, alternate");
 	}
 }
diff --git a/scss/effects/_hollow.scss b/scss/effects/_hollow.scss
index 13d46ef..0793001 100644
--- a/scss/effects/_hollow.scss
+++ b/scss/effects/_hollow.scss
@@ -1,6 +1,5 @@
 /* Hollow */
 @mixin hollow {
-	display: inline-block;
 	$borderWidth: 4px;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, background);
diff --git a/scss/effects/_hover-shadow.scss b/scss/effects/_hover-shadow.scss
deleted file mode 100644
index 1192535..0000000
--- a/scss/effects/_hover-shadow.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-/* Hover Shadow */
-@include keyframes(hover) {
-	50% {
-		@include prefixed(transform, translateY(-3px));
-	}
-
-	100% {
-		@include prefixed(transform, translateY(-6px));
-	}
-}
-
-@include keyframes(hover-shadow) {
-	0% {
-		@include prefixed(transform, translateY(6px));
-		opacity: .4;
-	}
-
-	50% {
-		@include prefixed(transform, translateY(3px));
-		opacity: 1;
-	}
-
-
-	100% {
-		@include prefixed(transform, translateY(6px));
-		opacity: .4;
-	}
-}
-
-@mixin hover-shadow {
-	display: inline-block;
-	position: relative;
-	@include prefixed(transition-duration, $defaultDuration);
-	@include prefixed(transition-property, transform);
-
-	@include hacks();
-
-	&:before {
-		pointer-events: none;
-	  position: absolute;
-	  z-index: -1;
-	  content: '';
-	  top: 100%;
-	  left: 5%;
-	  height: 10px;
-	  width: 90%;
-	  opacity: 0;
-	  background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%); /* W3C */
-		@include prefixed(transition-duration, $defaultDuration);
-		@include prefixed(transition-property, "transform, opacity");
-	}
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, translateY(-6px));
-		@include prefixed(animation-name, hover);
-		@include prefixed(animation-duration, 1.5s);
-		@include prefixed(animation-delay, $defaultDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		@include prefixed(animation-direction, alternate);
-
-		&:before {
-			opacity: .4;
-			@include prefixed(transform, translateY(6px));
-			@include prefixed(animation-name, hover-shadow);
-			@include prefixed(animation-duration, 1.5s);
-			@include prefixed(animation-delay, .3s);
-			@include prefixed(animation-timing-function, linear);
-			@include prefixed(animation-iteration-count, infinite);
-			@include prefixed(animation-direction, alternate);
-		}
-	}
-}
diff --git a/scss/effects/_hover.scss b/scss/effects/_hover.scss
deleted file mode 100644
index bc8e06d..0000000
--- a/scss/effects/_hover.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-/* Hover */
-@include keyframes(hover) {
-	50% {
-		@include prefixed(transform, translateY(-3px));
-	}
-
-	100% {
-		@include prefixed(transform, translateY(-6px));
-	}
-}
-
-@mixin hover {
-	display: inline-block;
-	@include prefixed(transition-duration, .5s);
-	@include prefixed(transition-property, transform);
-
-	@include hacks();
-
-	&:hover,
-	&:focus,
-	&:active {
-		@include prefixed(transform, translateY(-6px));
-		@include prefixed(animation-name, hover);
-		@include prefixed(animation-duration, 1.5s);
-		@include prefixed(animation-delay, $defaultDuration);
-		@include prefixed(animation-timing-function, linear);
-		@include prefixed(animation-iteration-count, infinite);
-		@include prefixed(animation-direction, alternate);
-	}
-}
diff --git a/scss/effects/_outline-inward.scss b/scss/effects/_outline-inward.scss
index 99dd9cf..9de3652 100644
--- a/scss/effects/_outline-inward.scss
+++ b/scss/effects/_outline-inward.scss
@@ -1,6 +1,5 @@
 /* Outline Inward */
 @mixin outline-inward {
-	display: inline-block;
 	$outerBorderWidth: 4px;
 	$innerBorderWidth: 4px;
 
diff --git a/scss/effects/_outline-outward.scss b/scss/effects/_outline-outward.scss
index 918b1a4..ea92de3 100644
--- a/scss/effects/_outline-outward.scss
+++ b/scss/effects/_outline-outward.scss
@@ -1,6 +1,5 @@
 /* Outline Outward */
 @mixin outline-outward {
-	display: inline-block;
 	$outerBorderWidth: 4px;
 	$innerBorderWidth: 4px;
 
diff --git a/scss/effects/_pop.scss b/scss/effects/_pop.scss
index daf2ef6..ac41f6a 100644
--- a/scss/effects/_pop.scss
+++ b/scss/effects/_pop.scss
@@ -1,5 +1,5 @@
 /* Pop */
-@include keyframes(pop) {
+@include keyframes(#{$nameSpace}-pop) {
 	50% {
 		@include prefixed(transform, scale(1.2));
 	}
@@ -10,14 +10,12 @@
 }
 
 @mixin pop {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, pop);
+		@include prefixed(animation-name, #{$nameSpace}-pop);
 		@include prefixed(animation-duration, $defaultDuration);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_pulse-grow.scss b/scss/effects/_pulse-grow.scss
index 79dec1e..dade746 100644
--- a/scss/effects/_pulse-grow.scss
+++ b/scss/effects/_pulse-grow.scss
@@ -1,19 +1,17 @@
 /* Pulse Grow */
-@include keyframes(pulse-grow) {
+@include keyframes(#{$nameSpace}-pulse-grow) {
 	to {
 		@include prefixed(transform, scale(1.1));
 	}
 }
 
 @mixin pulse-grow {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, pulse-grow);
+		@include prefixed(animation-name, #{$nameSpace}-pulse-grow);
 		@include prefixed(animation-duration, $defaultDuration);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, infinite);
diff --git a/scss/effects/_pulse-shrink.scss b/scss/effects/_pulse-shrink.scss
index ccc8dcd..afbb071 100644
--- a/scss/effects/_pulse-shrink.scss
+++ b/scss/effects/_pulse-shrink.scss
@@ -1,19 +1,17 @@
 /* Pulse Shrink */
-@include keyframes(pulse-shrink) {
+@include keyframes(#{$nameSpace}-pulse-shrink) {
 	to {
 		@include prefixed(transform, scale(.9));
 	}
 }
 
 @mixin pulse-shrink {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, pulse-shrink);
+		@include prefixed(animation-name, #{$nameSpace}-pulse-shrink);
 		@include prefixed(animation-duration, $defaultDuration);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, infinite);
diff --git a/scss/effects/_pulse.scss b/scss/effects/_pulse.scss
index 50ec01b..814fdea 100644
--- a/scss/effects/_pulse.scss
+++ b/scss/effects/_pulse.scss
@@ -1,5 +1,5 @@
 /* Pulse */
-@include keyframes(pulse) {
+@include keyframes(#{$nameSpace}-pulse) {
 	25% {
 		@include prefixed(transform, scale(1.1));
 	}
@@ -10,14 +10,12 @@
 }
 
 @mixin pulse {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, pulse);
+		@include prefixed(animation-name, #{$nameSpace}-pulse);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, infinite);
diff --git a/scss/effects/_push.scss b/scss/effects/_push.scss
index bc96794..5e72b0f 100644
--- a/scss/effects/_push.scss
+++ b/scss/effects/_push.scss
@@ -1,5 +1,5 @@
 /* Push */
-@include keyframes(push) {
+@include keyframes(#{$nameSpace}-push) {
 	50% {
 		@include prefixed(transform, scale(.8));
 	}
@@ -10,14 +10,12 @@
 }
 
 @mixin push {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, push);
+		@include prefixed(animation-name, #{$nameSpace}-push);
 		@include prefixed(animation-duration, .3s);
 		@include prefixed(animation-timing-function, linear);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_rotate.scss b/scss/effects/_rotate.scss
index 22bd83b..caeed2d 100644
--- a/scss/effects/_rotate.scss
+++ b/scss/effects/_rotate.scss
@@ -1,6 +1,5 @@
 /* Rotate */
 @mixin rotate {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
diff --git a/scss/effects/_round-corners.scss b/scss/effects/_round-corners.scss
index 5598f10..dd6a417 100644
--- a/scss/effects/_round-corners.scss
+++ b/scss/effects/_round-corners.scss
@@ -1,6 +1,5 @@
 /* Round Corners */
 @mixin round-corners {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, border-radius);
 
diff --git a/scss/effects/_shadow-radial.scss b/scss/effects/_shadow-radial.scss
index 2c0b577..17f104c 100644
--- a/scss/effects/_shadow-radial.scss
+++ b/scss/effects/_shadow-radial.scss
@@ -1,33 +1,32 @@
 /* Shadow Radial */
 @mixin shadow-radial {
-	display: inline-block;
 	position: relative;
 
 	@include hacks();
 
 	&:before,
 	&:after {
-		pointer-events: none;
-		position: absolute;
-		content: '';
-    left: 0;
-    width: 100%;
-    box-sizing: border-box;
-    background-repeat: no-repeat;
-    height: 5px;
-    opacity: 0;
-		@include prefixed(transition-duration, $defaultDuration);
-		@include prefixed(transition-property, opacity);
+	  pointer-events: none;
+      position: absolute;
+	  content: '';
+      left: 0;
+      width: 100%;
+      box-sizing: border-box;
+      background-repeat: no-repeat;
+      height: 5px;
+      opacity: 0;
+	  @include prefixed(transition-duration, $defaultDuration);
+	  @include prefixed(transition-property, opacity);
 	}
 
 	&:before {
-		bottom: 100%;
-    background: radial-gradient(ellipse at 50% 150%, $shadowColour 0%, rgba(0, 0, 0, 0) 80%);
+	  bottom: 100%;
+      background: radial-gradient(ellipse at 50% 150%, $shadowColour 0%, rgba(0, 0, 0, 0) 80%);
 	}
 
 	&:after {
-		top: 100%;
-		background: radial-gradient(ellipse at 50% -50%, $shadowColour 0%, rgba(0, 0, 0, 0) 80%);
+	  top: 100%;
+	  background: radial-gradient(ellipse at 50% -50%, $shadowColour 0%, rgba(0, 0, 0, 0) 80%);
 	}
 
 	&:hover:before,
@@ -36,6 +35,6 @@
 	&:hover:after,
 	&:focus:after,
 	&:active:after {
-		opacity: 1;
+	  opacity: 1;
 	}
 }
diff --git a/scss/effects/_shrink.scss b/scss/effects/_shrink.scss
index 5215b4f..89bed17 100644
--- a/scss/effects/_shrink.scss
+++ b/scss/effects/_shrink.scss
@@ -1,6 +1,5 @@
 /* Shrink */
 @mixin shrink {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
diff --git a/scss/effects/_sink.scss b/scss/effects/_sink.scss
index 6466430..cf76e9d 100644
--- a/scss/effects/_sink.scss
+++ b/scss/effects/_sink.scss
@@ -1,14 +1,14 @@
 /* Sink */
 @mixin sink {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
+	@include prefixed(transition-timing-function, ease-out);
 
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(transform, translateY(5px));
+		@include prefixed(transform, translateY(6px));
 	}
 }
diff --git a/scss/effects/_skew-backward.scss b/scss/effects/_skew-backward.scss
index 243e36c..4ec5080 100644
--- a/scss/effects/_skew-backward.scss
+++ b/scss/effects/_skew-backward.scss
@@ -1,6 +1,5 @@
 /* Skew Backward */
 @mixin skew-backward {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 	@include prefixed(transform-origin, 0 100%);
diff --git a/scss/effects/_skew-forward.scss b/scss/effects/_skew-forward.scss
index 41633ca..9aeffa3 100644
--- a/scss/effects/_skew-forward.scss
+++ b/scss/effects/_skew-forward.scss
@@ -1,6 +1,5 @@
 /* Skew Forward */
 @mixin skew-forward {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 	@include prefixed(transform-origin, 0 100%);
diff --git a/scss/effects/_skew.scss b/scss/effects/_skew.scss
index 4c55635..b091b7d 100644
--- a/scss/effects/_skew.scss
+++ b/scss/effects/_skew.scss
@@ -1,6 +1,5 @@
 /* Skew */
 @mixin skew {
-	display: inline-block;
 	@include prefixed(transition-duration, $defaultDuration);
 	@include prefixed(transition-property, transform);
 
diff --git a/scss/effects/_trim.scss b/scss/effects/_trim.scss
index 38c3c61..efceafa 100644
--- a/scss/effects/_trim.scss
+++ b/scss/effects/_trim.scss
@@ -1,6 +1,5 @@
 /* Trim */
 @mixin trim {
-	display: inline-block;
 	$outerBorderWidth: 4px;
 	$innerBorderWidth: 4px;
 
diff --git a/scss/effects/_wobble-bottom.scss b/scss/effects/_wobble-bottom.scss
index ba72446..a844636 100644
--- a/scss/effects/_wobble-bottom.scss
+++ b/scss/effects/_wobble-bottom.scss
@@ -1,5 +1,5 @@
 /* Wobble Bottom */
-@include keyframes(wobble-bottom) {
+@include keyframes(#{$nameSpace}-wobble-bottom) {
 	16.65% {
 		@include prefixed(transform, skew(-12deg));
 	}
@@ -26,7 +26,6 @@
 }
 
 @mixin wobble-bottom {
-	display: inline-block;
 	@include prefixed(transform-origin, 100% 0);
 
 	@include hacks();
@@ -34,7 +33,7 @@
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, wobble-bottom);
+		@include prefixed(animation-name, #{$nameSpace}-wobble-bottom);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-horizontal.scss b/scss/effects/_wobble-horizontal.scss
index 73879ed..c57404a 100644
--- a/scss/effects/_wobble-horizontal.scss
+++ b/scss/effects/_wobble-horizontal.scss
@@ -1,5 +1,5 @@
 /* Wobble Horizontal */
-@include keyframes(wobble-horizontal) {
+@include keyframes(#{$nameSpace}-wobble-horizontal) {
 	16.65% {
 		@include prefixed(transform, translateX(8px));
 	}
@@ -26,14 +26,12 @@
 }
 
 @mixin wobble-horizontal {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, wobble-horizontal);
+		@include prefixed(animation-name, #{$nameSpace}-wobble-horizontal);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-skew.scss b/scss/effects/_wobble-skew.scss
index 8d5db8a..4355e7b 100644
--- a/scss/effects/_wobble-skew.scss
+++ b/scss/effects/_wobble-skew.scss
@@ -1,5 +1,5 @@
 /* Wobble Skew */
-@include keyframes(wobble-skew) {
+@include keyframes(#{$nameSpace}-wobble-skew) {
 	16.65% {
 		@include prefixed(transform, skew(-12deg));
 	}
@@ -26,14 +26,12 @@
 }
 
 @mixin wobble-skew {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, wobble-skew);
+		@include prefixed(animation-name, #{$nameSpace}-wobble-skew);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-to-bottom-right.scss b/scss/effects/_wobble-to-bottom-right.scss
index e324819..f1df22a 100644
--- a/scss/effects/_wobble-to-bottom-right.scss
+++ b/scss/effects/_wobble-to-bottom-right.scss
@@ -1,5 +1,5 @@
 /* Wobble To Bottom Right */
-@include keyframes(wobble-to-bottom-right) {
+@include keyframes(#{$nameSpace}-wobble-to-bottom-right) {
 	16.65% {
 		@include prefixed(transform, translate(8px, 8px));
 	}
@@ -26,14 +26,12 @@
 }
 
 @mixin wobble-to-bottom-right {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, wobble-to-bottom-right);
+		@include prefixed(animation-name, #{$nameSpace}-wobble-to-bottom-right);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-to-top-right.scss b/scss/effects/_wobble-to-top-right.scss
index 5aa609e..8dfa7c4 100644
--- a/scss/effects/_wobble-to-top-right.scss
+++ b/scss/effects/_wobble-to-top-right.scss
@@ -1,5 +1,5 @@
 /* Wobble To Top Right */
-@include keyframes(wobble-to-top-right) {
+@include keyframes(#{$nameSpace}-wobble-to-top-right) {
   16.65% {
     @include prefixed(transform, translate(8px, -8px));
   }
@@ -26,14 +26,12 @@
 }
 
 @mixin wobble-to-top-right {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
   &:focus,
   &:active {
-    @include prefixed(animation-name, wobble-to-top-right);
+    @include prefixed(animation-name, #{$nameSpace}-wobble-to-top-right);
     @include prefixed(animation-duration, 1s);
     @include prefixed(animation-timing-function, ease-in-out);
     @include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-top.scss b/scss/effects/_wobble-top.scss
index a53b0f2..a492be5 100644
--- a/scss/effects/_wobble-top.scss
+++ b/scss/effects/_wobble-top.scss
@@ -1,5 +1,5 @@
 /* Wobble Top */
-@include keyframes(wobble-top) {
+@include keyframes(#{$nameSpace}-wobble-top) {
 	16.65% {
 		@include prefixed(transform, skew(-12deg));
 	}
@@ -26,7 +26,6 @@
 }
 
 @mixin wobble-top {
-	display: inline-block;
 	@include prefixed(transform-origin, 0 100%);
 
 	@include hacks();
@@ -34,7 +33,7 @@
 	&:hover,
 	&:focus,
 	&:active {
-	@include prefixed(animation-name, wobble-top);
+	@include prefixed(animation-name, #{$nameSpace}-wobble-top);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/effects/_wobble-vertical.scss b/scss/effects/_wobble-vertical.scss
index 880a872..fd28eb7 100644
--- a/scss/effects/_wobble-vertical.scss
+++ b/scss/effects/_wobble-vertical.scss
@@ -1,5 +1,5 @@
 /* Wobble Vertical */
-@include keyframes(wobble-vertical) {
+@include keyframes(#{$nameSpace}-wobble-vertical) {
 	16.65% {
 		@include prefixed(transform, translateY(8px));
 	}
@@ -26,14 +26,12 @@
 }
 
 @mixin wobble-vertical {
-	display: inline-block;
-
 	@include hacks();
 
 	&:hover,
 	&:focus,
 	&:active {
-		@include prefixed(animation-name, wobble-vertical);
+		@include prefixed(animation-name, #{$nameSpace}-wobble-vertical);
 		@include prefixed(animation-duration, 1s);
 		@include prefixed(animation-timing-function, ease-in-out);
 		@include prefixed(animation-iteration-count, 1);
diff --git a/scss/hover.scss b/scss/hover.scss
index 4f212bf..ef5198f 100644
--- a/scss/hover.scss
+++ b/scss/hover.scss
@@ -1,6 +1,11 @@
 /*!
+<<<<<<< HEAD
  * Hover.css (http://ianlunn.co.uk/)
  * Version: 1.0.9
+=======
+ * Hover.css (http://ianlunn.github.io/Hover/)
+ * Version: 2.0.0
+>>>>>>> v2
  * Author: Ian Lunn @IanLunn
  * Author URL: http://ianlunn.co.uk/
  * Github: https://github.com/IanLunn/Hover
@@ -11,269 +16,270 @@
  * Hover.css Copyright Ian Lunn 2014.
  */
 
-
 @import "options";
 @import "mixins";
 @import "hacks";
 
 
 
-/* Default styles for the demo buttons */
-.button {
-	@include button();
+/**
+ * Note: Transitions/animations on inline elements are inconsistent across
+ * browsers, to work around this, we'll make all elements starting with
+ * the .#{$nameSpace} class inline-block by default.
+ */
+[class^="#{$nameSpace}"] {
+	display: inline-block;
 }
 
-
 /* 2D TRANSITIONS */
 @import "effects/grow";
-.grow {
+.#{$nameSpace}-grow {
 	@include grow();
 }
 
 @import "effects/shrink";
-.shrink {
+.#{$nameSpace}-shrink {
 	@include shrink();
 }
 
 @import "effects/pulse";
-.pulse {
+.#{$nameSpace}-pulse {
 	@include pulse();
 }
 
 @import "effects/pulse-grow";
-.pulse-grow {
+.#{$nameSpace}-pulse-grow {
 	@include pulse-grow();
 }
 
 @import "effects/pulse-shrink";
-.pulse-shrink {
+.#{$nameSpace}-pulse-shrink {
 	@include pulse-shrink();
 }
 
 @import "effects/push";
-.push {
+.#{$nameSpace}-push {
 	@include push();
 }
 
 @import "effects/pop";
-.pop {
+.#{$nameSpace}-pop {
 	@include pop();
 }
 
 @import "effects/rotate";
-.rotate {
+.#{$nameSpace}-rotate {
 	@include rotate();
 }
 
 @import "effects/grow-rotate";
-.grow-rotate {
+.#{$nameSpace}-grow-rotate {
 	@include grow-rotate();
 }
 
 @import "effects/float";
-.float {
+.#{$nameSpace}-float {
 	@include float();
 }
 
 @import "effects/sink";
-.sink {
+.#{$nameSpace}-sink {
 	@include sink();
 }
 
-@import "effects/hover";
-.hover {
-	@include hover();
+@import "effects/bob";
+.#{$nameSpace}-bob {
+	@include bob();
 }
 
 @import "effects/hang";
-.hang {
+.#{$nameSpace}-hang {
 	@include hang();
 }
 
 @import "effects/skew";
-.skew {
+.#{$nameSpace}-skew {
 	@include skew();
 }
 
 @import "effects/skew-forward";
-.skew-forward {
+.#{$nameSpace}-skew-forward {
 	@include skew-forward();
 }
 
 @import "effects/skew-backward";
-.skew-backward {
+.#{$nameSpace}-skew-backward {
     @include skew-backward();
 }
 
 @import "effects/wobble-vertical";
-.wobble-vertical {
+.#{$nameSpace}-wobble-vertical {
 	@include wobble-vertical();
 }
 
 @import "effects/wobble-horizontal";
-.wobble-horizontal {
+.#{$nameSpace}-wobble-horizontal {
 	@include wobble-horizontal();
 }
 
 @import "effects/wobble-to-bottom-right";
-.wobble-to-bottom-right {
+.#{$nameSpace}-wobble-to-bottom-right {
     @include wobble-to-bottom-right();
 }
 
 @import "effects/wobble-to-top-right";
-.wobble-to-top-right {
+.#{$nameSpace}-wobble-to-top-right {
     @include wobble-to-top-right();
 }
 
 @import "effects/wobble-top";
-.wobble-top {
+.#{$nameSpace}-wobble-top {
 	@include wobble-top();
 }
 
 @import "effects/wobble-bottom";
-.wobble-bottom {
+.#{$nameSpace}-wobble-bottom {
 	@include wobble-bottom();
 }
 
 @import "effects/wobble-skew";
-.wobble-skew {
+.#{$nameSpace}-wobble-skew {
     @include wobble-skew();
 }
 
 @import "effects/buzz";
-.buzz {
+.#{$nameSpace}-buzz {
     @include buzz();
 }
 
 @import "effects/buzz-out";
-.buzz-out {
+.#{$nameSpace}-buzz-out {
     @include buzz-out();
 }
 
-
 /* BORDER TRANSITIONS */
 @import "effects/border-fade";
-.border-fade {
+.#{$nameSpace}-border-fade {
 	@include border-fade();
 }
 
 @import "effects/hollow";
-.hollow {
+.#{$nameSpace}-hollow {
 	@include hollow();
 }
 
 @import "effects/trim";
-.trim {
+.#{$nameSpace}-trim {
 	@include trim();
 }
 
 @import "effects/outline-outward";
-.outline-outward {
+.#{$nameSpace}-outline-outward {
 	@include outline-outward();
 }
 
 @import "effects/outline-inward";
-.outline-inward {
+.#{$nameSpace}-outline-inward {
 	@include outline-inward();
 }
 
 @import "effects/round-corners";
-.round-corners {
+.#{$nameSpace}-round-corners {
 	@include round-corners();
 }
 
 
 /* SHADOW/GLOW TRANSITIONS */
 @import "effects/glow";
-.glow {
+.#{$nameSpace}-glow {
 	@include glow();
 }
 
 @import "effects/box-shadow-outset";
-.box-shadow-outset {
+.#{$nameSpace}-box-shadow-outset {
 	@include box-shadow-outset();
 }
 
 @import "effects/box-shadow-inset";
-.box-shadow-inset {
+.#{$nameSpace}-box-shadow-inset {
 	@include box-shadow-inset();
 }
 
 @import "effects/float-shadow";
-.float-shadow {
+.#{$nameSpace}-float-shadow {
 	@include float-shadow();
 }
 
-@import "effects/hover-shadow";
-.hover-shadow {
-	@include hover-shadow();
+@import "effects/bob-shadow";
+.#{$nameSpace}-bob-shadow {
+	@include bob-shadow();
 }
 
 @import "effects/shadow-radial";
-.shadow-radial {
+.#{$nameSpace}-shadow-radial {
 	@include shadow-radial();
 }
 
 
 /* SPEECH BUBBLES */
 @import "effects/bubble-top";
-.bubble-top {
+.#{$nameSpace}-bubble-top {
 	@include bubble-top();
 }
 
 @import "effects/bubble-right";
-.bubble-right {
+.#{$nameSpace}-bubble-right {
 	@include bubble-right();
 }
 
 @import "effects/bubble-bottom";
-.bubble-bottom {
+.#{$nameSpace}-bubble-bottom {
 	@include bubble-bottom();
 }
 
 @import "effects/bubble-left";
-.bubble-left {
+.#{$nameSpace}-bubble-left {
 	@include bubble-left();
 }
 
 @import "effects/bubble-float-top";
-.bubble-float-top {
+.#{$nameSpace}-bubble-float-top {
 	@include bubble-float-top();
 }
 
 @import "effects/bubble-float-right";
-.bubble-float-right {
+.#{$nameSpace}-bubble-float-right {
 	@include bubble-float-right();
 }
 
 @import "effects/bubble-float-bottom";
-.bubble-float-bottom {
+.#{$nameSpace}-bubble-float-bottom {
 	@include bubble-float-bottom();
 }
 
 @import "effects/bubble-float-left";
-.bubble-float-left {
+.#{$nameSpace}-bubble-float-left {
 	@include bubble-float-left();
 }
 
 
 /* CURLS */
 @import "effects/curl-top-left";
-.curl-top-left {
+.#{$nameSpace}-curl-top-left {
 	@include curl-top-left();
 }
 
 @import "effects/curl-top-right";
-.curl-top-right {
+.#{$nameSpace}-curl-top-right {
 	@include curl-top-right();
 }
 
 @import "effects/curl-bottom-right";
-.curl-bottom-right {
+.#{$nameSpace}-curl-bottom-right {
 	@include curl-bottom-right();
 }
 
 @import "effects/curl-bottom-left";
-.curl-bottom-left {
+.#{$nameSpace}-curl-bottom-left {
 	@include curl-bottom-left();
 }