$(document).ready(function() {



$(".w_b").hover(


      function() {
          $(this).animate({ width: "+=20px", marginRight: "-=0.25em", marginLeft: "-=0.25em" }, 200);
      },
      function() {
          $(this).animate({ width: "-=20px", marginRight: "+=0.25em", marginLeft: "+=0.25em" }, 400)
      }
    );


      $(".img1").hover(


      function() {
          $(this).animate({ width: "+=20px"}, 200);
      },
      function() {
          $(this).animate({ width: "-=20px" }, 400)
      }
    );




     $(".w_br").hover(
      function() {
          $(this).animate({ height: "+=20px" }, 200);
      },
      function() {
          $(this).animate({ height: "-=20px" }, 400);
      }
    );



   
    
});