body {margin: 0;padding: 0; background: #FBFBFB; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.wrapper { max-width: 960px; margin: auto; position: relative; top:50px;}
.logo { max-width: 100%; text-align: center; }
.label { width: 335px; height:272px; margin:50px auto; text-align: center; background: url(../images/label.png) no-repeat 50%; position: relative;  }



/*
-moz-transform-origin: 50% 20px;
-moz-animation-duration: 2s;
-moz-animation-name: image;
-moz-animation-iteration-count: infinite;

-webkit-transform-origin: 50% 20px;
-webkit-animation-duration: 2s;
-webkit-animation-name: image;
-webkit-animation-iteration-count: infinite;

transform-origin: 50% 20px;
animation-duration: 2s;
animation-name: image;
animation-iteration-count: infinite;}
*/


.label-text {position: absolute; width: 300px; height: 150px; left: 0; right: 0; bottom: -10px; margin: auto; color: #fff; font-size: 1.6em; line-height: 1; }
p { margin: 0 0 12px 0; }
.footer { text-align: center; font-size: 1em; margin: 60px auto 0; border-top: 1px solid #eee; padding-top: 30px; max-width: 500px; }
.intro { color: black; font-weight: bold;}


/*
@-moz-keyframes image {
    from { -moz-transform: rotate(-10deg); }
    50%  { -moz-transform: rotate(10deg); }
    to   { -moz-transform: rotate(-10deg); }
}

@-webkit-keyframes image {
    from { -webkit-transform: rotate(-10deg); }
    50%  { -webkit-transform: rotate(10deg); }
    to   { -webkit-transform: rotate(-10deg); }
}

@keyframes image {
    from { transform: rotate(-10deg); }
    50%  { transform: rotate(10deg); }
    to   { transform: rotate(-10deg); }
}
*/