/*------------------------------------------------
*
*	Table of contents: 
*	1. Screen resolution 768px+
*	2. Screen resolution less than 768px
*
-------------------------------------------------*/

/*-------------------------------------------------
	1. Screen resolution 768px+
-------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.resume-box {
		position: relative;
		padding-left: 140px;
	}
	.resume-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 110px;
		height: 100%;
	}
	.resume-icon i {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}

/*-------------------------------------------------
	2. Screen resolution less than 768px
-------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.contact-form {
		margin-bottom: 50px;
	}
	.services-box {
		margin-bottom: 30px;
	}
	.services-box:last-child {
		margin: 0;
	}
	.resume-icon {
		margin-bottom: 20px;
		padding: 30px;
	}
	.customNavigation ul li:first-child {
		left: -5px;
	}
	.customNavigation ul li:last-child {
		right: -5px;
	}
}