/* -------------
---- CSS RESET ------
------------------*/

* {
	margin: 0;
	padding: 0;
}

/* --------------------------
---- HTML5 SEMANTIC TAGS ----
----------------------------*/

section {
	width: 12.4vw;
	height: 100vh;
	float: left;
}

/* --------------------------
---- LIGHTBOX FIGURES ----
----------------------------*/

figure {
	width: 10vw;
	height: 10vw;
	margin: 2vw 4vw;
	border: 0.5vw solid black;
	float: left;
	background-size: cover;
	background-position: center;
}

#thumbnail-one {
	background-image: url("../img/james_victore.jpg");
}

#thumbnail-two {
	background-image: url("../img/jonathan_barnbrook.jpg");
}

#thumbnail-three {
	background-image: url("../img/marta_cerda.jpg");
}

/* --------------------------
---- CSS COLOR CLASSES ------
----------------------------*/

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: green;
}

.cyan {
	background-color: cyan;
}

.blue {
	background-color: blue;
}

.purple {
	background-color: purple;
}

.magenta {
	background-color: magenta;
}