@font-face {
	font-family: 'intratio';
	/* src: url('INT-RATIOText-2020.otf') format("opentype"); */
	src: url('INT-RATIOText-2019-Book.otf') format("opentype");
	/* src: url('INT-RATIOText-Web.otf') format("opentype"); */
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
}

/* -------------------------------------------------- SIZE -------------------------------------------------- */

h1,
.h1 {
	font-size: 1.8rem;
	line-height: var(--lineHeight);
	margin-bottom: var(--below);
}


h2,
.h2 {
	font-size: 1.4rem;
	line-height: var(--lineHeight);
	margin-bottom: var(--below);
}

h3,
.h3 {
	font-size: 1rem;
	line-height: var(--lineHeight);
	margin-bottom: var(--below);
}

h4,
.h4 {
	font-size: 1rem;
	line-height: var(--lineHeight);
	text-transform: uppercase;
}

h4:before,
.h4:before {
	content: "*";
	padding-right: var(--m);
}

.right {
	text-align: right;
}

.content p+p,
.content h1+h1,
.content h2+h2,
.content h3+h3 {
	text-indent: calc(2 * var(--m));
}

.content p:has(+p),
.content h1:has(+h1),
.content h2:has(+h2),
.content h3:has(+h3) {
	margin-bottom: 0;
}

/* .content {
	margin-bottom: var(--below);
} */

.spaceBelow {
	margin-bottom: var(--below);
}

.noSpaceBelow {
	margin-bottom: 0;
}

a,
.a {
	color: var(--link);
	text-decoration: underline;
	cursor: pointer;
}


a:hover,
.a:hover {
	color: var(--dark);
}

a.interne,
.a.interne {
	text-decoration: none;
}

a.interne:hover,
.a.interne:hover {
	text-decoration: none;
}

a.dark {
	color: var(--dark);
}
/* ul li, ol li {
	margin-bottom: var(--below);
} */

/* -------------------------------------------------- ALIGNEMENT -------------------------------------------------- */

.multiCols {
	column-count: 2;
	column-gap: var(--m);
}

.multiCols3 {
	/* height: 25rem; */
	column-count: 3;
	column-gap: var(--m);
}

.notBalanced {
	column-fill: auto;
	min-height: calc(6.1 * var(--lineHeight));
	max-height: calc(12.1 * var(--lineHeight));
}

/* -------------------------------------------------- COLORS -------------------------------------------------- */

.important {
	color: var(--color);
}

@media screen and (orientation: portrait) {

	.multiCols,
	.multiCols3 {
		column-count: 1;
		column-gap: var(--m);
	}

	.notBalanced {
		min-height: unset;
		max-height: unset;

	}

	/* .content {
		margin-bottom: 0;
	} */
}