$(document).ready(function(){
	$(".about-button").hover(function(){
		$(".about-button img")
		.animate({top:"-10px"}, 200).animate({top:"-6px"}, 200) // first jump
		.animate({top:"-8px"}, 100).animate({top:"-6px"}, 100); // the last jump
	});
}); 

$(document).ready(function(){
	$(".services-button").hover(function(){
		$(".services-button img")
		.animate({top:"-10px"}, 200).animate({top:"-6px"}, 200) // first jump
		.animate({top:"-8px"}, 100).animate({top:"-6px"}, 100); // the last jump
	});
}); 

$(document).ready(function(){
	$(".portfolio-button").hover(function(){
		$(".portfolio-button img")
		.animate({top:"-10px"}, 200).animate({top:"-6px"}, 200) // first jump
		.animate({top:"-8px"}, 100).animate({top:"-6px"}, 100); // the last jump
	});
}); 

$(document).ready(function(){
	$(".contact-button").hover(function(){
		$(".contact-button img")
		.animate({top:"-10px"}, 200).animate({top:"-6px"}, 200) // first jump
		.animate({top:"-8px"}, 100).animate({top:"-6px"}, 100); // the last jump
	});
}); 

$(document).ready(function(){
	$(".blog-button").hover(function(){
		$(".blog-button img")
		.animate({top:"-10px"}, 200).animate({top:"-6px"}, 200) // first jump
		.animate({top:"-8px"}, 100).animate({top:"-6px"}, 100); // the last jump
	});
});