MadeInWaterloo company cell hover animation. Requires jQuery

cell.css

.cell {
  position: relative;
  height: 125px;
  margin-bottom: 20px;
  background: white;
  border-top-width: 0.5em;
  border-top-style: solid;
  text-align: center; }
  @media (min-width: 1200px) {
    .cell {
      margin-bottom: 30px; } }
  .cell .hiring {
    position: absolute;
    z-index: 3;
    left: 0.5em;
    top: 0.5em; }
  .cell .logo {
    z-index: 2;
    position: absolute;
    background: #eeeeee;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 767px) {
      .cell .logo {
        width: 50% !important; } }
    .cell .logo a {
      display: block;
      width: 100%;
      line-height: 9em; }
      @media (max-width: 767px) {
        .cell .logo a {
          line-height: 6em; } }

gistfile1.js

$(function(){
  function isMobile() { return $(window).width() <= 767 }

  $(".cell").hover(function(){
    if(!isMobile())
  		$(this).children('.logo').animate({width: '50%'}, 250);
  }, function(){
  	if(!isMobile())
  		$(this).children('.logo').animate({width: '100%'}, 250);
  });
});