* {
	margin: 0;
	padding: 0;
}
.red {
	background-color:  #f00;

}
.orange {
	background-color: #ffa500;
}

.yellow {
	background-color: #ff0;
}
.green {
	background-color: #0f0;
}
.cyan {
	background-color: #0ff;
}
.blue {
	background-color:#00f;
}
.purple {
	background-color:#800080;
}
.magenta {
	background-color:#f0f;
}


section {
	width: 100vw;
	height: 100vh;
}
figure {
	width: 4vw;
	height: 4vw;
	border: 0.2vw solid white; 
	border-radius: 50%;
	position: absolute;
}

	#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");
}


}