/* TODO
- font size
*/

/* Media element on homepage */
.splash{
	position: relative;
	max-width: 80em;
	margin-inline: auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding-top: 3.5em; /* fix navbar offset */
}
.splash.cover--disabled{
	background-color: var(--color-primary);
}
/*
.splash img {
	max-width: 360px;
}
*/
@media screen and (orientation: portrait) {
	.splash{
		flex-direction: column;
		/*
		justify-content: space-between;
		*/
		gap: 3em;
		justify-content: center;
		/*justify-content: space-between;*/
	}
	.splash figure {
		padding-block: 3em;
		/*margin-inline: 0.5em;*/
		width: 94%;
	}
	.splash img {
		width: 40%;
		margin-inline: auto;
	}
}
@media screen and (orientation: portrait) and (min-width: 480px) {
	.splash{
		gap: unset;
		justify-content: space-evenly;
	}
}
@media screen and (orientation: landscape) {
	.splash figure {
		width: 40%;
		padding: 4% 8%;
		/*margin-inline: 0.5em;*/
	}
	.splash img {
		/*width: 25%;*/
		margin-inline: auto;
	}
}
.splash figure {
	/*padding: 4em 8em;*/
	background: rgba(238, 127, 0, 0.8);
}
.splash p {
	color: var(--color-light);
	/*font-size: var(--step-4);
	font-weight: bold;*/
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}