// Collpsable menu mobile and tablets
$(document).ready(function(){
	$(".trigger").click(function(){
		$("#main-nav").slideToggle(400);
		$(this).toggleClass("active");
		return false;
	});
});

// HOVER IMAGE MAGNIFY===============================================================================
$(document).ready(function(){
    //Set opacity on each span to 0%
    $(".magnify").css({'opacity':'0'});

	$('.pictures a').hover(
		function() {
			$(this).find('.magnify').stop().fadeTo(800, 1);
		},
		function() {
			$(this).find('.magnify').stop().fadeTo(800, 0);
		}
	)
});