/* || GENERAL STYLES */

html {
	background: white;
}
header img {
	margin-top: 2rem;
}
nav {
	background: white;
}
footer {
	color: var(--trc-gry5);
	background: white;
}
footer ul.sitemap {
	color: var(--trc-gry7);
}
div.stf-pics {
	display: grid;
	grid-template-columns: repeat(auto-fill, 250px);
	justify-content: space-around;
	align-items: flex-start;
	padding-left: 1.5rem;
	padding-bottom: 2rem;
}
.stf-pics article {
	position: relative;
	border: 0px;
	margin: 0.6rem;
	width: 12.5rem;
}
.stf-pics article img {
	mask-image: linear-gradient(rgba(0,0,0,1) 90%, rgba(0,0,0,0.9) 93%, rgba(0,0,0,0.8) 95%, rgba(0,0,0,0.6) 97%, transparent);
}
.stf-pics h2 {
	position: absolute;
	top: 25%;
	left: -17%;
	transform: rotate(-90deg);
	font-family: var(--ff-crs);
	font-size: var(--fs-2xl);
	font-weight: 400;
	color: var(--trc-grn5);
}
.stf-pics h3 {
	text-align: right;
	font-family: var(--ff-sns);
	font-size: var(--fs-sm);
	font-weight: 700;
	color: var(--trc-blk5);
}
.stf-pics address {
	text-align: right;
	font-family: var(--ff-sans);
	font-size: var(--fs-xs);
}