#blog-list li a .ph {
	margin-bottom: 10px;
}
@media only screen and (max-width: 680px) {
	#blog-list li,
	#blog-list li:nth-child(3n) {
        margin-bottom: 5px;
    }
	#blog-list li a .ph {
		margin-bottom: 5px;
	}
}
/* --------------------------------------------------- */
.works-nav {
	max-width: 1400px;
	width: 94%;
	margin: 0 auto 60px;
	display: flex;
	flex-wrap: wrap;
}
.works-nav li {
	width: 25%;
	padding: .5%;
}
.works-nav li a {
	display: block;
	text-align: center;
	background-color: #fff;
	padding: 12px 0;
	font-weight: 500;border: #222 2px solid;
	border-radius: 40px;
}
.works-nav li a:hover {
	background-color: #F0E88E;
	color: #222;
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 680px) {
	.works-nav {
        width: 98%;
        margin: 0 auto 20px;
    }
	.works-nav li {
        width: 50%;
        padding: .9%;
    }
    .works-nav li a {
        padding: 5px 0;
    }
	
}
/* --------------------------------------------------- */
#blog-left .blog p img {
	max-width: 650px;
	width: 100%;
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */

/* --------------------------------------------------- */