article {
	max-width: 80ch;
}




/* 1p13 portfolio */

#eng1p13 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#eng1p13 h3 {
	margin: 0;
	margin-bottom: 1em;
}

#eng1p13 span {
	margin-bottom: 1em;
	padding: 0;
}

.frame-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

.frame-wrapper > :only-child {
	position: absolute;
	top: 0;
	left: 0;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.flex-container > * {
	padding: 1em;
}

.flex-container .flex-right {
	flex-grow: 1;
}

.flex-container .flex-left {
	display: flex;
	flex-direction: column;
}

.flex-container .flex-left span {
	margin: 1em;
}

@media screen and (max-width: 768px) {
	.flex-container .flex-left {
		flex-direction: row;
		flex-wrap: wrap;
	}
}