/* Skills */
.card {
	margin-bottom: 4em;
}
.card h3 {
	color: var(--color-primary);
}
.card ul {
	font-style: italic;
	/*list-style-type: "- ";*/
	margin-left: 1em;
}
.card ul li {
	position: relative;
	/*text-indent: -2em;
	margin-left: 2em;*/
}
.card ul li:before {
	position: absolute;
	content: "\2013 ";
	margin-left: -1em;
}

/*
.card ul li {
	position: relative;
	padding-left: 1em;
}
.card ul li:before {
	position: absolute;
	content: "– ";
}
*/
.card figcaption {
	background: var(--color-dark);
	color: var(--color-light);
	text-align: center;
	padding-block: 1em;
}
@media screen and (min-width: 60em) {
	.card {
		position: relative;
	}
	.card figure {
		position: relative;
	}
	.card img {
		position: relative;
	}
	.card figcaption {
		background: none;
		position: absolute;
		left: 5%;
		bottom: 5%;
	}
}
@media screen and (min-width: 76em) {
	.card {
		margin-bottom: 0;
		/*position: relative;*/
		color: var(--color-light);
		border-bottom-style: solid;
		border-bottom-color: var(--color-light);
		border-bottom-width: var(--border-width);
	}
	.card h3 {
		letter-spacing: 1px;
		color: var(--color-light);
		text-transform: uppercase;
	}
	/*
	.card figure {
		position: relative;
	}
	.card img {
		position: relative;
	}
	.card figcaption {
		background: none;
		position: absolute;
		left: 5%;
		bottom: 5%;
	}
	*/
	.card div {
		position: absolute;
		left: 50%;
		top: 0;
	}
}