html {
	background-color: #F0F0F0;
}

.content-wrapper {
	width: 80%;
	margin: 15px;
	margin-top: 23px;
}

.section-header, .footer {
	text-transform: uppercase;
	font-size: 10pt;
	font-family: sans-serif;
	padding-bottom: 5px;
}

.section-content {
	font-size: 26pt;
	font-family: serif;
	margin-bottom: 37px;
  position: relative;
  display: inline-block;
}

.color-txt {
	position: relative;
}

.hover-select:hover {
	cursor: pointer;
}

.recent-work img {
	visibility: hidden;
  width: 68vw;
  position: fixed;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recent-work img.visible {
	visibility: visible;
}

.footer {
	margin-top: 25px;
}

.email {
	margin-right: 45px;
}

.email, .footer {
	display: inline-block;
}

.social a {
	color: #000;
	text-decoration: none;
}

.img-remove:hover {
	cursor: pointer;
}

@media only screen and (max-width: 1024px){
	.section-content {
		font-size: 20pt;
	}

	.content-wrapper {
		width: 93%;
	}

	.recent-work img {
	  width: 88vw;
	}
}