$(window).resize(function() { 
	if(this.resizeTO) clearTimeout(this.resizeTO);
	this.resizeTO = setTimeout(function() { $(this).trigger('resizeEnd'); }, 500); 
}); 


$(window).bind('resizeEnd', function() { 
	check_size();
});


function check_size() { 
	$("#width").text($(window).width());
	$("#height").text($(window).height()); 
	if($(window).width() < 640) {
		$(".panels").css("width", "100%");
		$(".ds-item").css("width", "50%");
		$(".blog-item").css("width", "100%");
		$("h1").css("font-size", "30px");
		$("h2").css("font-size", "16px");
		$("#profile-pic").hide();
	}
	else {
		if($(window).width() <= 768) { 
			$(".panels").css("width", "65%");
			$("#extras").css("width", "100%");
			$(".ds-item").css("width", "25%");
			$(".blog-item").css("width", "49%");
			$("h1").css("font-size", "40px");
			$("h2").css("font-size", "16px");
			$("#profile-pic").css("width", "30%");
			$("#profile-pic").css("margin-right", "10px");
			$("#profile-pic").show();
		}
		else { 
			$(".panels").css("width", "50%");
			$(".ds-item").css("width", "25%");
			$(".blog-item").css("width", "49%");
			$("h1").css("font-size", "48px");
			$("h2").css("font-size", "18px");
			$("#profile-pic").css("width", "45%");
			$("#profile-pic").css("margin-right", "0px");
			$("#profile-pic").show(); 
		}
	} 
}


$(document).ready(function(){
	check_size();
});