/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 22, 2015 */

*/
@font-face {
    font-family: 'vagrounded_btregular';
    src: url('../../fonts/10915.eot');
    src: url('../../fonts/10915.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/10915.woff2') format('woff2'),
         url('../../fonts/10915.woff') format('woff'),
         url('../../fonts/10915.ttf') format('truetype'),
         url('../../fonts/10915.svg#vagrounded_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div#wrapper
{
	background-color: white;
	font-family: 'vagrounded_btregular';
	overflow: hidden;
	min-height:650px;
}


div#wrapper h1 
{
	position: absolute;
	color: white;
	font-family: 'vagrounded_btregular';
	font-size:42px;
	letter-spacing: 0.05em;
	font-weight: normal;
}

div#wrapper h2
{
	position: absolute;
	color: #4166B0;
	font-family: 'vagrounded_btregular';
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}	

h2.title_fr 
{
	font-size:62px;
	top: 35%;
	left: 50%;
	text-align:center;
	width:400px;
}

h2.title_en 
{
	font-size:65px;
	left: 55%;
	top: 42%;
}

.kids-menu a
{
	text-decoration: none;
	color: white;
	display: block;
	-webkit-transition: all 0.25s linear;
	     -o-transition: all 0.25s linear;
	        transition: all 0.25s linear;
}

.kids-menu > a
{
	position: absolute;
}

.kids-menu
{
	background-size: 100% auto;
	position: absolute;
}

.kids-menu img
{
	width: 100%;
}

.kids-menu h1
{
	text-align: center;
	position: absolute;
}

/* coordination */
#coordination
{
	width: 625px;
	height: 214px;
	background: url("../../images/kidsgames/coordination/coordination_bg1.png") no-repeat left center;
	top:0;
	left: 0;
	z-index: 2;
}

#coordination h1
{
  	top: 20%;
  	left: 32%;
}

#planet
{
	right: 0;
	top: 60%;
    left: 42%;
	width: 230px;
}

#planet:hover
{
	width: 240px;
}

/* mixed bags */
#mixed-bag
{
	z-index: 1;
	bottom:0;
	left: 0;
	width: 366px;
	height: 470px;
	background: url('../../images/kidsgames/mixed_bag/mixed_bag_bg1.png') no-repeat center bottom;
}


#mixed-bag h1
{
	top: 17%;
  	left: 3%;
}

#bag
{
	right: 0;
  	bottom: 5%;
  	left: 14%;
  	width: 230px;

}

#bag:hover
{
	width: 240px;
}

/* races */
#races 
{
	width: 267px;
	height: 380px;
	bottom: 100px;
	right: 0;
	top: 14%;
	background: url("../../images/kidsgames/races/races_bg1.png") no-repeat center left;
}

#races h1
{
	top: 20%;
	right: 18%;
}

#snail
{
  	left: 28%;
    top: 43%;
    width: 160px;
}

#snail:hover
{
	width: 170px;
}

/* puzzles */

#puzzles
{
	width: 700px;
	height: 221px;
	background: url("../../images/kidsgames/puzzles/puzzles_bg1.png") no-repeat left center;
	bottom:0;
	left: 405px;
}

#puzzles h1
{
  	left: 58%;
	top: 45%;
}


#puzzle
{
  	left: 20%;
 	top: -25px;
 	width: 220px;
}

#puzzle:hover
{
	width: 230px;
}

#puzzles , #coordination , #mixed-bag , #races
{
	background-size: 100% auto;
}

@media all and (max-width: 1280px) {
	
	.kidsgames.home div#wrapper
	{
		min-height:650px;
	}
	
	div#wrapper h1 
	{
		font-size:33px;
	}
	

	#coordination
	{
		width: 429px;
		height: 148px;
	}

	#coordination h1
	{
		width: 54%;
		left: 29%;
	}

	#planet
	{
		width: 164px;
	}
	
	#planet:hover
	{
		width: 174px;
	}
	
	#mixed-bag
	{
		width: 338px;
		height: 470px;
	}

	#mixed-bag h1
	{
		width: 54%;
		left:4%;
	}

	#bag
	{
		width: 214px;
		right: -5px;
		bottom: 25px;
	}
	
	#bag:hover
	{
		width: 234px;
	}

	#puzzles
	{
		width: 470px;
		height: 196px;
		left: 352px;
		bottom: -24px;
	}

	#puzzles h1
	{
		width: 30%;
		left: 268px;
		top: 87px;
	}

	#puzzle
	{
		width: 180px;
		left: 71px;
	}
	
	#puzzle:hover
	{
		width: 200px;
	}

	#races
	{
		width: 230px;
		height: 460px;
	}

	#snail
	{
		width: 130px;
		left: 26%;
		top: 44%;
	}
	
	#snail:hover
	{
		width: 140px;
	}

	#races h1
	{
		width: 56%;
		top: 26%;
		right: 16%;
	}
	
	h2.title_en  
	{
		font-size: 50px;
		left: 53%;
		top: 47%;
	}
	
	h2.title_fr  
	{
		font-size: 50px;
		left: 52%;
		top: 38%;
	}

}


@media all and(max-width: 1515px) {
	.kidsgames.home div#wrapper
	{
		min-height:700px;
	}
	

	#coordination
	{
		width: 600px;
		height: 206px;
	}

	#coordination h1
	{
		width: 48%;
		left: 29%;
	}

	
	#planet
	{
		width: 250px;
	}
	
	#planet:hover
	{
		width: 270px;
	}

	#mixed-bag
	{
		width: 386px;
		height: 496px;
	}

	#mixed-bag h1
	{
		width: 54%;
		left:4%;
	}

	#bag
	{
		width: 255px;
		right: -5px;
		bottom: 25px;
	}
	
	#bag:hover
	{
		width: 275px;
	}

	#puzzles
	{
		width: 634px;
		height: 200px;
		left: 410px;
	}

	#puzzles h1
	{
		width:26%;
		left: 354px;
		top: 64px;
		letter-spacing: 3px
	}
	
	#puzzle
	{
		width: 185px;
		left: 136px;
		top: -8px;
	}
	
	#puzzle:hover
	{
		width: 205px;
	}

	#races
	{
		width: 323px;
		height: 460px;
	}

	#snail
	{
		width: 180px;
		left: 13%;
		top: 48%;
	}
	
	#snail:hover
	{
		width: 190px;
	}
	
	#races h1
	{
		width: 46%;
		top: 24%;
		right: 24%;
	}
	
	h2.title_en
	{
		font-size: 70px;
		left: 52%;
		top:46%;
	}
	
	h2.title_fr 
	{
		font-size: 80px;
		top: 38%;
		left: 54%;
		text-align:center;
	}

}


@media all and (min-width: 1600px) and (max-width: 1700px) {
	.kidsgames.home div#wrapper
	{
		min-height:775px;
	}
	
	div#wrapper h1 
	{
		font-size:55px;
	}

	#coordination
	{
		width: 820px;
		height: 281px;
	}

	#coordination h1
	{
		left: 29%;
	}


	#planet
	{
		width: 340px;
	}
	
	#planet:hover
	{
		width: 360px;
	}

	#mixed-bag
	{
		width: 410px;
		height: 526px;
	}

	#mixed-bag h1
	{	
		top: 126px;
		left:1%;
	}

	#bag
	{
		width: 220px;
		bottom: 25px;
		left:72px;
	}
	
	#bag:hover
	{
		width: 240px;
	}

	#puzzles
	{
		width: 790px;
		height: 249px;
		left: 500px;
	}

	#puzzles h1
	{
		left: 480px;
		top: 115px;
		letter-spacing: 4px;
	}


	#puzzle
	{
		width: 240px;
		left: 175px;
		top: -10px;
	}
	
	#puzzle:hover
	{
		width: 260px;
	}

	#races
	{
		width: 349px;
		height: 497px;
	}

	#races h1
	{
		top: 24%;
		right: 14%;
	}
	
	#snail
	{
		width: 190px;
		left: 35%;
		top: 45%;
	}
	
	#snail:hover
	{
		width: 200px;
	}

	h2.title_en 
	{
		font-size: 85px;
		left: 50%;
		top:51%;
	}
	
	h2.title_fr 
	{
		top:42%;
	}
}

@media all and (min-width: 1701px) {
	.kidsgames.home div#wrapper
	{
		min-height:800px;
	}
	
	
	div#wrapper h1 
	{
		font-size:57px;
	}
	

	#coordination
	{
		width: 890px;
		height: 305px;
	}

	#coordination h1
	{
		left: 29%;
	}

	#planet
	{
		width: 355px;
		height:185px;
	}
	
	#planet:hover
	{
		width: 375px;
		height:195px;
	}
	
	
	#mixed-bag
	{
		width: 430px;
		height: 552px;
	}

	#mixed-bag h1
	{	
		top: 126px;
		left:1%;
	}

	#bag
	{
		width: 238px;
		bottom: 25px;
		left:72px;
	}
	
	#bag:hover
	{
		width: 258px;
	}

	#puzzles
	{
		width: 945px;
		height: 298px;
		left: 450px;
	}

	#puzzles h1
	{
		left: 542px;
		top: 128px;
    	letter-spacing: 4px;
	}

	#puzzle
	{
		width: 268px;
		left: 185px;
		top: 2px;
	}
	
	#puzzle:hover
	{
		width: 288px;
	}

	#races
	{
		width: 373px;
		height: 530px;
		top: 82px;
	}

	#snail
	{
		width: 230px;
		left: 28%;
		top: 43%;
	}
	
	#snail:hover
	{
		width: 240px;
	}


	#races h1
	{
		top: 24%;
		right: 14%;
	}
	
	h2.title_en 
	{
		font-size: 100px;
		left: 50%;
		top: 46%;
	}
	
	h2.title_fr 
	{
		top: 45%;
	}
}