jQuery(function($){
	$(".circle-1").height($(".circle-1").width())	
	$(".small-circle").height($(".small-circle").width())	
	$(".circle-2").height($(".circle-2").width())	
	$(".circle-3").height($(".circle-3").width())	
	$(".circle-4").height($(".circle-4").width())	
	$(".humans").height($(".humans").width())	
	$(".humans img").height($(".humans img").width())	
	$(".avatars").height($(".avatars").width())	
    
	$(window).on("resize",function(){
		$(".circle-1").height($(".circle-1").width())	
		$(".small-circle").height($(".small-circle").width())	
		$(".circle-2").height($(".circle-2").width())	
		$(".circle-3").height($(".circle-3").width())	
		$(".circle-4").height($(".circle-4").width())	
		$(".avatars").height($(".avatars").width())				
		$(".humans").height($(".humans").width())	
		(".humans img").height($(".humans img").width())
	})
	var speed = 50;
  var radius = 500;
	var border_color="#cacbce";
	var img_border_color="#cacbce";
	$(".circles").css("border-color",border_color);
	$(".avatars,.humans").css({"animation-duration":speed+"s","-webkit-animation-duration":speed+"s"});
	for(var i=0;i<$(".small-circle").length;i++){
		var r=Math.round(Math.random()*radius);
		var g=Math.round(Math.random()*radius);
		var b=Math.round(Math.random()*radius);
		$(".small-circle").eq(i).css("border-color","rgb("+r+","+g+","+b+")");
	}
	$(".humans").hover(function(){
		$(this).find("img").css({
      "border":"5px double "+img_border_color
    });
		$(this).find("div").css({
      "padding":"10%",
      "display":"block"
    });
	},
	function(){
		$(this).find("img").css({
      "border":"1px solid "+img_border_color
    });
		$(this).find("div").css("display","none");
	})
})