@charset "UTF-8";

/* ---------------------------------
 width <= 1600px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1600px) {
#face__inner {
	width: 100%;
}
#faceCatchphrase {
	flex: 1 1 658px;
	height: 100%;
	padding: 0 10px;
}
#facePanel {
	flex: 0 0 922px;
	padding: 0 10px;
}
#facePanel--inner {
	width: 922px;
}
.facePanel__card {
	flex: 0 0 calc( 50% - 6px );
	width: 100%;
	height: 224px;
	margin: 0 0 12px;
}
.facePanel__disc {
	display: flex;
	justify-content: space-between;
}
.facePanel__disc p {
	padding: 0 0 0 10px;
}

.postCards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	width: 900px;
	margin: 30px auto;
}
.postCards .card {
	aspect-ratio: 1 / 1;
	height: auto;
}
/* less 1600 */
}

/* end of face */