/* Simulationg background-size cover */
.bgvideo {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.inverted {
	background: var(--color-dark);
	color: var(--color-light);
}
.inverted a:not(.button-primary) {
	color: var(--color-light);
}
main .inverted a:hover {
	color: var(--color-dark);
}
@media screen and (min-width: 60em) {
	.mobile {
		display: none !important;
	}
}
@media screen and (max-width: 60em) {
	.desktop {
		display: none !important;
	}
}
.insert {
	margin-inline: auto;
	padding-inline: 1em;
	max-width: var(--text-chars, 40ch);
	padding-block: var(--padded-space, 1em);
}
.text {
	/*max-width: 40em;*/
	max-width: 50em;
	margin-inline: auto;
	padding-inline: 1em;
	padding-block: var(--text-space, 1em);
}
.wrapper {
	max-width: 80em;
	margin-inline: auto;
}
@media screen and (min-width: 80em) {
	.wrapper {
		background: var(--color-light);
	}
}