/* ==========================
===========CSS RESET=========
========================== */

* {
	margin:0;
	padding:0;
}

/* ==========================
========COLOR CLASSES========
========================== */

.red {
	background-color: red;
}

.orange {
	background-color: #ffa500;
}

.yellow	{
	background-color: #ff0;
}

.green {
	background-color: #0f0;
}

.cyan {
	background-color: #00f;
}

.blue {
	background-color: #00f;
}

.purple {
	background-color: #800080;
}

/* ==========================
========HTML5 Sections=======
========================== */

	section {
		width: 100vw;
		height: 100vh;
	}

/* ==========================
========HTML5 Figures========
========================== */

	figure {
		width: 4vw;
		height: 4vw;
	}

		#figure-one {
			left: 25vw;
			top: 45vh;
		}

		#figure-two {
			left: 35vw;
			top: 45vh;
		}

		#figure-three {
			left: 45vw;
			top: 45vh;
		}

		#figure-four {
			left: 55vw;
			top: 45vh;
		}

		#figure-five {
			left: 65vw;
			top: 45vh;
		}

		#figure-six {
			left: 75vw;
			top: 45vh;
		}

	#section-one {
		background-image: url("http://www.apple.com/favicon.ico");
	}

	#section-two {
		background-image: url("http://www.facebook.com/favicon.ico");
	}

	#section-three {
		background-image: url("http://www.instagram.com/favicon.ico");
	}

	#section-four {
		background-image: url("http://www.twitter.com/favicon.ico");
	}

	#section-five {
		background-image: url("http://www.tumblr.com/favicon.ico");
	}

	#section-six {
		background-image: url("http://www.airbnb.com/favicon.ico");
	}