@charset "UTF-8";
/* CSS Document */

.skills ul{
	overflow: hidden;
	margin-right: -130px;
}

.skills ul li{
	width: 340px;
	margin-right: 130px;
	float: left;
}

.skills img{
	margin-bottom: 40px;
}

.skills h3{
	font-size: 45px;
	color: #fff;
	text-align: center;
}

.works ul{
	overflow: hidden;
	margin-right: -55px;
}

.works ul li{
	width: 390px;
	margin-right: 55px;
	margin-bottom: 80px;
	float: left;
}

.works img{
	margin-bottom: 20px;
}

.works img:hover{
	opacity: 0.7;
}

.works h4{
	font-weight: 500;
	font-size: 16px;
	margin-top: 15px;
}

.works p{
	font-weight: 300;
	font-size: 14px;
}

@media only screen and (max-width:767px){
	
	.skills ul li{
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.skills ul li img{
		display: block;
		width: 80%;
		text-align: center;
		margin: 0 auto 50px;
	}
	
	.skills ul li p{
		margin-bottom: 100px;
	}
	
	.skills ul li:last-child p{
		margin-bottom: 0;
	}
	
	.works ul{
		width: 100%;
	}
	
	.works ul li{
		width: 100%;
		float: none;
		margin: 0;
	}
	
	.works ul li img{
		width: 100%;
		margin: 30px 0 20px 0;
	}
	
	.works ul{
		width: 100%;
	}
	
	.works ul li:first-child img{
		margin-top: 0;
	}
	

}