#fiveColumns {
	width: 70%;
	margin: 0 auto;
}

.horizontalSpace {
	height: 8.75em;
	width: 100%;
	clear: both;
}

.columns {
	height: 25em;
	width: 20%;
	text-align: center;
}

#cOne {
	float: left;
}

#cTwo {
	float: left;
}

#cThree {
	float: left;
}

#cFour {
	float: left;
}

#cFive {
	float: left;
}

.clearFix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.galLandingPics {
	width: 11.25em;
}

.galLandPicLink {
	text-decoration: none;
}

.galLinks a {
	text-decoration: none;
	color: rgb(0,0,0);
	font-size: 1em;
}

.galLinks a:hover {
	color: rgb(148,148,148);
}


footer {
	clear: both;
}

/*full-size desktop styling*/	
@media only screen and (min-width: 800px) {
	body {
		font-size: 16px;
	}
}

/*tablet styling*/	
@media only screen and (min-width: 500px) and (max-width: 800px) {
	html {
		overflow: scroll;
	}

	body {
		font-size: 16px;
	}

	#fiveColumns {
		width: 90%;
		height: 60%;
	}

	.horizontalSpace {
		height: 3em;
	}

	.columns {
		height: 22em;
	}

	#cOne {
		display: none;
	}
	#cTwo {
		width: 40%;
	}

	#cThree {
		width: 20%;
	}

	#cFour {
		width: 40%;
	}

	#cFive {
		display: none;
	}

	.galLandingPics {
		width: 10em;
	}
}

/*mobile styling*/	
@media only screen and (max-width: 500px) {
	body {
		font-size: 12px;
	}

	#resumeLink {
		display: none;
	}

	#fiveColumns {
		width: 100%;
	}

	.columns {
	height: 18%;
	width: 100%;
	text-align: center;
}

	.horizontalSpace {
	height: 1em;
	width: 100%;
	clear: both;
	}

	#cOne {
		display: none;
	}

	#cTwo {
		width: 100%;
	}

	#cThree {
		display: none;
	}

	#cFour {
		width: 100%;
	}

	#cFive {
		display: none;
	}

	.galLinks a {
	font-size: 1.4em;
	}

	.galLandingPics {
	width: 9em;
	}
}