body {
	font-family: Gotham-HTF, Futura, sans-serif;
	font-size: 15px;
	color: #F0EAE3;
	background-color: #373330;
	line-height: 2.5em;
	margin: 0;
}

.left_centered {
	display: inline-block;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 50px;
	padding-left: 20%;
	padding-right: 20%;
}

.left_centered img {
	padding-bottom: 25px;
	max-width: 300px;
}

/* Button styling */
.btn {
	border: 2px solid #F0EAE3;
	background-color: Transparent;
	color: #F0EAE3;
	padding: 14px 28px;
	margin: 50px 0px;
	font-family: Gotham-HTF, Futura, sans-serif !important;
	font-size: 9pt;
	letter-spacing: 2.75px;
	transition: .5s ease;
	cursor: pointer;
}

.btn:hover {
	background-color: #F0EAE3;
	color: #111;
}

/* Style the social footer links */
.social {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 15px;
	transition: .5s ease;
}

#linkedin {
	background: url("../images/social_linkedin.png") no-repeat;
}

#linkedin:hover {
	background: url("../images/social_linkedin_hover.png") no-repeat;
    }

#instagram {
	background: url("../images/social_instagram.png") no-repeat;
}

#instagram:hover {
	background: url("../images/social_instagram_hover.png") no-repeat;
    }

#email {
	background: url("../images/social_email.png") no-repeat;
}

#email:hover {
	background: url("../images/social_email_hover.png") no-repeat;
    }

#behance {
	background: linear-gradient(
    rgba(0, 0, 0, 0.3), 
    rgba(0, 0, 0, 0.5)
    ),
	url('../images/Behance_Slideshow_Optimized.gif');
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-color:#111;
}

#dribbble {
	background: linear-gradient(
    rgba(0, 0, 0, 0.3), 
    rgba(0, 0, 0, 0.5)
    ),
	url('../images/Dribbble-Shots.gif');
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-color:#111;
}


/* Desktop media query */
@media only screen and (min-width: 1250px) {
  	.split_left {
		height: 100%;
		position: fixed;
		top: 0;
		overflow-x: hidden;
		left: 0;
		width: 40%;
  	}

	.split_right {
		position: fixed;
		height: 100%;
		overflow-x: hidden;
		right: 0;
		width: 60%;
  	}

	.portfolio_links { 
		width: 60%;
		height: 50% !important;
		position: fixed;
		right: 0;
	}

	#behance {
		top: 0;
		height: 50% !important;
	}

	#dribbble {
		bottom: 0;
		height: 50% !important;
	}

	.right_centered button {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		margin-top: 0px;
	}
}

/* Tablet and mobile media query */
@media only screen and (max-width: 1249px) {
	.portfolio_links {
		display: inline-block;
		text-align: center;
		width: 100%;
	  	padding-top: 150px;
	  	padding-bottom: 150px;
	}


}