img {
/* width:150px;*/
}
.text:hover {
    color: gold;
    text-shadow: 1px 1px 2px #606;
    letter-spacing: 10px;
/*    font-size: 100%;*/
}
.text:active {
    color: #ff0;
    text-shadow: 1px 1px 2px #606;
/*    font-size: 150%;*/
}
.text {
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;

   font-size: 1.3em;
   line-height: 1.1;
}


/*.trans_text { 
  -moz-transform:  rotate(4deg);
  -ms-transform:  rotate(4deg);
  -o-transform:  rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg); 
  color: gray;
}
*/

a.popup {
  text-decoration:none;
/*  position:relative;*/
  display:block;
}
a.popup:hover {
/*  border:none;*/
}
a.popup img {
    border-style: solid;
    border-width: 2px;
    border-color: gold;

    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;

    -webkit-box-shadow: 10px 10px 5px #222;
    -moz-box-shadow: 10px 10px 5px #222;
     box-shadow: 10px 10px 5px #222;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:-10px;
  left:700px;

  opacity: 0; 

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;

}
a.popup:hover span {
  opacity: 1; 
  visibility:visible;

  -webkit-transform: scale(2) rotate3d(1, 1, 1, 720deg);
  -moz-transform: scale(2) rotate3d(1, 1, 1, 720deg);

  -ms-transform: scale(2) rotate(360deg);
  -o-transform: scale(2) rotate(360deg);
  transform: scale(2) rotate3d(1, 1, 1, 720deg);

z-index: 100;
}