/*---------------------------*/
/*-----SMALLER THAN 1280-----*/
/*---------------------------*/

@media screen and (max-width: 1280px){

	header .container,
	#about-us .container,
	#our-games .container,
	footer .container {
		width: 100%;
		padding-left: 4%;
		padding-right: 4%; 
		overflow: hidden;
	}

	#about-us,
	#our-games,
	footer {
		margin-top: -1px; /*IOS Bug*/
	}

	.column.two {
		width: 48%;
		margin-right: 4%;
	}

	.column.two.last {
		margin-right: 0;
	}

	.column.two img {
		width: 100%;
	}


	header .constellation-left {
		left: 10px;	
	}

	header .constellation-right {
		right: 10px;	
	}

	#about-us .sun {
		left: -80px;
	}

	#about-us .balloons {
		right: 200px;
	}

}

/*---------------------------*/
/*-----SMALLER THAN 1024-----*/
/*---------------------------*/

@media screen and (max-width: 1024px){

}

/*--------------------------*/
/*-----SMALLER THAN 782-----*/
/*--------------------------*/

@media screen and (max-width: 782px){

	.column.two {
		width: 100%;
		margin-right: 0;
	}

	header .planets {
		top: 20px;
		left: -160px;
	}

	header .constellation-left {
		left: -40px;	
	}

	header .constellation-right {
		right: -80px;	
	}

	#about-us .sun {
		bottom: 120px;
		left: -180px;
	}

	#about-us .balloons {
		bottom: 300px;
		right: 20px;
	}

	#our-games img {
		margin-bottom: 40px;
	}

}

/*--------------------------*/
/*-----SMALLER THAN 480-----*/
/*--------------------------*/

@media screen and (max-width: 480px){

	header .container,
	#about-us .container,
	#our-games .container,
	footer .container {
		padding-left: 6%;
		padding-right: 6%; 
	}

	h2 {
		font-size: 60px;
		line-height: 60px;
	}

	h3 {
		font-size: 24px;
		line-height: 24px;
	}

	h4 {
		font-size: 18px;
		line-height: 18px;
	}

	p {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 26px;
	}

	p.lead {
		font-size: 18px;
		line-height: 28px;
	}

	#about-us .birds {
		top: 20px;
		right: 10px;
	}

}

/*--------------------------*/
/*-----SMALLER THAN 320-----*/
/*--------------------------*/

@media screen and (max-width: 320px){

	h2 {
		font-size: 48px;
		line-height: 48px;
	}

	header h1.logo a {
		width: 160px;
		height: 197px;
		margin-left: -80px;
		background-size: 100%;
	}

	#about-us .balloons {
		right: -60px;
	}
	
}