body{
	font-family: "Gill Sans", sans-serif;
	background:#f1f0ee;
	color:#f1f0ee;
	font-size:16pt;
}

iframe{
	width:560px;
	height:315px;
	margin-left:170px;
	margin-right:170px;
}

h2,h4{
	text-align:center;
}

p{
	padding-left:20px;
	padding-right:20px;
}

a{
	color:#f1f0ee;
	text-decoration:none;
}

#link{
	text-align:center;
}

.box1{
	background-color:#e0474c; /*red*/
	padding:20px;
	float:left;
	margin:10px;
	border-radius:25px;
	width:900px;
	margin-right:100px;
	margin-left:100px;
}

.box2{
	background-color:#7acfd6; /*blue*/
	padding:20px;
	float:left;
	margin:10px;
	border-radius:25px;
	width:900px;
	margin-right:100px;
	margin-left:100px;
}

#noFun{
	width:300px;
	float:left;
}

#kirby{
	width:800px;
	margin-left:50px;
	margin-right:50px;
}

#kong{
	width:800px;
	margin-left:50px;
	margin-right:50px;
}

@media only screen and (max-width: 940px) {
	.box1{
		width:95%;
		margin:0;
	}

	.box2{
		width:95%;
		margin:0;
	}

	iframe{
		width:80%;
		margin-left:10%;
	}

	#noFun{
		width:60%;
		float:right;
		margin-left:10%;
	}

	#kirby{
		width:90%;
		margin-left:5%;
	}

	#kong{
		width:90%;
		margin-left:5%;
	}
}