@font-face {
	font-family: "Geist";
	font-weight: 400;
	src: url("font/Geist-1.3.0/statics-woff/Geist-Regular.woff2");
}

@font-face {
	font-family: "Geist";
	font-weight: 700;
	src: url("font/Geist-1.3.0/statics-woff/Geist-Bold.woff");
}

@font-face {
	font-family: "GeistMono";
	font-weight: 400;
	src: url("font/GeistMono-1.3.0/statics-woff/GeistMono-Regular.woff2");
}



* {
	box-sizing: border-box;
}

:root {
	--blue: #A8E3FA;
	--white: #F4F8F2;
	--orange: #F6824A;

	--blue-text: #00afef;

	font-size: 6.5vw;
	/* 16*100/900 */
}

@media (min-width: 900px) {
	:root {
		font-size: 1.7778vw;
	}
}

body {

	font-weight: 400;
	/* font-size: 0.48rem; */
	/* line-height: 1.2em; */
	font-family: GeistMono, sans-serif;

	margin: 0;
	padding: 0;
	/* background-color: var(--blue); */

	background-image: url(images/point.png);
	background-repeat: repeat;
	background-size: 2rem;
	/*background-attachment: fixed;*/
	background-position: 0.7rem calc(2.2rem + var(--bg-position));
	/*background-position: 0.7rem 1.6rem;*/

}

/*body::before {
	content: "";
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(images/point.png);
	background-repeat: repeat;
	background-size: 2.0rem;
	background-position: 0.7rem calc(1.6rem + var(--bg-position));
}*/

a {
	text-decoration: inherit;
	color: inherit;
}

.blue,
.white {
	position: relative;
}

.blue::before,
.white::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: darken;
}

.blue::before {
	background-color: var(--blue);
}

.white::before {
	background-color: var(--white);
}

svg path {
	vector-effect: non-scaling-stroke !important;
	stroke-width: 1 !important;
}

@media (min-width: 900px) {
	.mobile-only {
		display: none !important;
	}
}

@media (max-width: 899px) {
	.desktop-only {
		display: none !important;
	}

}


header {
	display: flex;
	flex-direction: column;
	align-items: center;
}



header .logo-hes {
	margin-top: 2.4rem;
}

header .logo-hes img {
	display: block;
	width: 6rem;
	height: auto;
}

header ul.top {
	position: relative;
	margin: 0.75rem 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	gap: 0.4rem;
	font-size: 0.75rem;
	line-height: 1.2em;
	font-family: "Geist", sans-serif;
}

@media (max-width: 899px) {
	header ul.top {
		font-size: 0.6rem;
	}
}

header ul.top li {
	display: flex;
	gap: 0.4rem;
}

header ul.top li:not(:last-child)::after {
	content: "|";
}

header h1 {
	position: relative;
	margin: 3rem 0;
}

header h1 img,
header h1 svg {
	display: block;
	width: 14rem;
	height: auto
}

@media (max-width: 899px) {
	header h1 {
		margin: 1rem 0 5rem;
	}

	header .logo-hes {
		margin-top: 1.2rem;
	}
}

@media (min-width: 900px) {

	header h1 img,
	header h1 svg {
		width: 34.5rem;
	}
}


/* Menu
------------------------------------------- */

.button {
	width: 3rem;
	height: 3rem;
	top: 1.5rem;
	right: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.button img {
	width: 2rem;
	height: auto;
	min-width: 0;
}

.button#burger {
	position: fixed;
	z-index: 2;
}

.button#close {
	position: absolute;
}

.menu {
	position: fixed;
	z-index: 3;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 20rem;
	background-color: var(--white);
	transition: transform, 400ms;
	transform: translate(100%, 0);
	overflow: auto;
}

body.menu-open .menu {
	transform: translate(0, 0);
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 4rem 4rem 2rem;

}

.menu ul li {
	margin: 0.8rem 0;
}

.menu ul li a {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.menu ul li a .chapitre {
	flex-shrink: 0;
}

@media (max-width: 899px) {
	.button {
		top: 0rem;
		right: 0rem;
	}

	.button img {
		width: 1.5rem;
	}

	.menu ul {
		padding: 3rem 2rem;
	}
}


/* MAIN
------------------------------------------- */

main {
	/* provisoire */
	/*padding-bottom: 20rem;*/
}

main .columns {
	display: flex;
	flex-direction: column;
	align-items: center;


}

@media (min-width: 900px) {
	main .columns {
		flex-direction: row;
		align-items: flex-start;
	}
}

main section .section-header {}


/* MAIN Index
------------------------------------------- */
main section.index {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 1rem 0 7rem;
}

@media (max-width: 899px) {
	main section.index {
		padding: 0 0 7rem;
	}
}

main section.index::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	/* background-color: var(--blue);
	mix-blend-mode: darken; */
}

main section.index .columns {
	/* width: 21.25rem; */
	gap: 2rem;
}

main section.index .carnet {
	position: relative;
}

main section.index .carnet img,
main section.index .carnet svg {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
}

main section.index .carnet .content {
	position: relative;
	top: 0;
	padding: 2rem 1rem 2rem 0.7rem;
	width: 11rem;
	/* height: 14.5rem; */
	font-size: 0.48rem;
	line-height: 1.2em;

	/* font-family: Geist, sans-serif; */
	font-weight: 400;
}

main section.index .column.index ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

main section.index .column.index ul li {
	transform-origin: left center;
}

/*
main section.index .column.index ul li:nth-child(1) {
	transform: translate(var(--random-rem-1), var(--random-rem-2)) rotate(calc(var(--random-deg-1)));
}

main section.index .column.index ul li:nth-child(2) {
	transform: translate(var(--random-rem-3), var(--random-rem-4)) rotate(calc(var(--random-deg-2)));
}

main section.index .column.index ul li:nth-child(3) {
	transform: translate(var(--random-rem-5), var(--random-rem-6)) rotate(calc(var(--random-deg-3)));
}

main section.index .column.index ul li:nth-child(4) {
	transform: translate(var(--random-rem-7), var(--random-rem-8)) rotate(calc(var(--random-deg-4)));
}

main section.index .column.index ul li:nth-child(5) {
	transform: translate(var(--random-rem-9), var(--random-rem-10)) rotate(calc(var(--random-deg-5)));
}

main section.index .column.index ul li:nth-child(6) {
	transform: translate(var(--random-rem-11), var(--random-rem-12)) rotate(calc(var(--random-deg-6)));
}

main section.index .column.index ul li:nth-child(7) {
	transform: translate(var(--random-rem-13), var(--random-rem-14)) rotate(calc(var(--random-deg-7)));
} */

main section.index .column.index ul li a {
	position: relative;
	/* width: 20rem;
	height: 3.75rem;
	border: 1px solid black;
	background-color: var(--white);
	display: flex;
	align-items: center;
	padding: 0 2rem;
	gap: 5%; */

	display: block;
	transition: animation-play-state 1s;
	/* animation-fill-mode: forwards; */
	/* animation-play-state: paused; */
	/* animation: 2s infinite linear paused bascule; */
	/* animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); */

	/* animation: 2s 1 linear paused bascule; */

	transform-origin: 50% 0%;

}

main section.index .column.index ul li a:hover {
	/* animation-play-state: running; */


}

main section.index .column.index ul li a .billet {
	width: 20rem;
	height: 3.75rem;
	border: 1px solid black;
	background-color: var(--white);
	display: flex;
	align-items: center;
	padding: 0 2rem;
	gap: 5%;
}


@keyframes bascule {
	0% {
		transform: rotate(0deg);
	}

	5% {
		transform: rotate(4deg);
	}

	15% {
		transform: rotate(-3deg);
	}

	25% {
		transform: rotate(2deg);
	}

	35% {
		transform: rotate(-1.3deg);
	}

	45% {
		transform: rotate(0.7deg);
	}

	55% {
		transform: rotate(-0.25deg);
	}

	65% {
		transform: rotate(0.08deg);
	}

	75% {
		transform: rotate(0deg);
	}

}



/* main section.index .column.index ul li  */
.chapitre {
	width: 2.6rem;
	height: 2.6rem;
	border: 1px solid black;
	border-radius: 50%;
	background-color: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Geist", sans-serif;
	font-size: 1.5rem;
	color: var(--white);
	-webkit-text-stroke: 1px black;
	font-weight: 700;
}

main section.index .column.index ul li .chapitre {
	position: absolute;
	left: -1.3rem;
	top: 0.55rem;
	width: 2.6rem;
	height: 2.6rem;
	z-index: 2;
}

/* main section.index .column.index ul li  */
.titre {
	font-family: "Geist", sans-serif;
	font-size: 0.9rem;
	line-height: 1.1em;
	text-transform: uppercase;
	color: var(--blue);
	-webkit-text-stroke: 1px black;
	font-weight: 700;
}

main section.index .column.index ul li .titre {
	width: 50%;
}

main section.index .column.index ul li .description {
	width: 45%;

	/* font-family: Geist, sans-serif; */
	font-weight: 400;

	font-size: 0.48rem;
	line-height: 1.2em;
}

main section.index .columns .column.carnet {
	width: 11.125rem;
}

@media (max-width: 899px) {

	main section.index .column.index ul li a .billet {
		width: 12rem;
		height: auto;
		padding: 0.5rem 0.5rem 0.5rem 1.75rem;
		gap: 0.5rem;
		flex-direction: column;
		align-items: flex-start;
	}

	main section.index .column.index ul li .titre {
		width: auto;
	}

	main section.index .column.index ul li .description {
		width: auto;
	}

}


/* MAIN Chapitre 1
------------------------------------------- */

main section .section-header {
	display: flex;
	justify-content: center;
	/* background-color: var(--white); */
	padding: 3rem 1rem;

	/* mix-blend-mode: darken; */

	/* background-image: url(images/point.png);
	background-repeat: repeat;
	background-size: 2.3125rem;
	background-position: 1.15rem 1.15rem; */
}

main section .section-header .chapitre {
	width: 3.9rem;
	height: 3.9rem;
	font-size: 2.3333rem;
}

main section .section-header .titre {
	font-size: 2.0rem;
}


main section .section-header .columns {
	gap: 2rem;
}

main section .section-header .columns .column:first-child {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

@media (min-width: 900px) {

	main section .section-header {
		padding: 8rem 0;
		height: 100vh;
	}

	main section .section-header .titre {
		font-size: 2.3333rem;
	}

	main section .section-header .columns .column:first-child {
		width: 17rem;
	}
}


main section .section-header .columns .column {
	position: relative;
}

main section .section-header .columns .column:last-child img,
main section .section-header .columns .column:last-child svg {
	position: absolute;
	width: 100%;
	height: auto;
}

main section .section-header .blocknote .content {
	position: relative;
	width: 13.2656em;
	height: 14em;
	top: 0;
	padding: 2em 2em 2em 2em;
	/* transform: skew(-10deg, 2deg); */
	transform: rotate(4deg);

}

main section .section-header .blocknote .content p {
	font-size: 0.48em;
	line-height: 1.2em;
}

main section .section-header .blocknote {
	transform-origin: 54% 10%;
	/*animation: blocknote 1000ms cubic-bezier(0.64, 0.03, 0.3, 1.43) paused;*/
}

@keyframes blocknote {
	0% {
		transform: rotate(25deg);
	}

	/* 20% {
		transform: rotate(-10deg);
	} */

	/* 40% {
		transform: rotate(3deg);
	} */

	/* 60% {
		transform: rotate(0deg);
	} */

	/* 80% {
		transform: rotate(1deg);
	} */

	80% {
		transform: rotate(0deg);
	}
}

/* body.scrolling-down main section .section-header .blocknote {
	transform: rotate(10deg);
}

body.scrolling-up main section .section-header .blocknote {
	transform: rotate(-10deg);
} */

/* MAIN > Chapitre 1 > Body
------------------------------------------- */

main section {
	overflow: hidden;
}


main section .section-body {
	padding: 9.6rem 0;
	display: flex;
	justify-content: center;

	/* background-color: var(--blue);
	mix-blend-mode: darken; */
}

main section .section-body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 34rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 1rem;
	position: relative;
	height: 56rem;
	perspective: 100rem;
}

@media (max-width: 899px) {
	main section .section-body ul {
		height: auto !important;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

main section .section-body ul li {
	position: absolute;
	width: 15em;
	height: auto;
	top: 100rem;
	transform-origin: center top;
	perspective: 100rem;
}

@media (min-width: 900px) {
	main section .section-body ul li {
		font-size: 0.9rem;
	}
}

main section .section-body ul li .item-content {
	position: relative;
	width: 100%;
	height: 100%;
}

@media (max-width: 899px) {
	main section .section-body ul li {
		position: static;
	}
}



main section .section-body ul li h3 {
	font-family: "Geist", sans-serif;
	text-transform: uppercase;
	color: var(--blue);
	-webkit-text-stroke: 1px black;
	font-weight: 700;
}

main section .section-body ul li .content .text h3 {
	font-size: 0.9em;
	line-height: 1em;
}

main section .section-body ul li .content .text p {
	font-size: 0.48em;
	line-height: 1.2em;
	margin-top: 0;
}

main section .section-body ul li .content .text a {
	text-decoration: underline;
	color: var(--blue-text);
}

main section .section-body ul li .content hgroup {
	pointer-events: none;
}

main section .section-body ul li .content hgroup h3 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 2em;
	font-size: 1.2rem;
	line-height: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

main section .section-body ul li h4 {
	font-family: "Geist", sans-serif;
	color: var(--blue);
	-webkit-text-stroke: 1px black;
	font-weight: 700;
	margin-bottom: 0;
}

@media (max-width: 899px) {
	main section .section-body ul li .content hgroup h3 {
		/* display: none; */
	}
}

main section .section-body ul li .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main section .section-body ul li img,
main section .section-body ul li svg {
	display: block;
	position: static;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

main section .section-body ul li .pins {
	width: 4.3348em;
	height: 4.3348em;
	border: 1px solid black;
	border-radius: 50%;
	background-color: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Geist", sans-serif;
	font-size: 0.9em;
	line-height: 0.9em;
	color: var(--white);
	-webkit-text-stroke: 1px black;
	font-weight: 700;
	/* text-transform: uppercase; */

	position: absolute;
	text-align: center;

	animation: 6s infinite linear paused rotation;

}



@media (min-width: 900px) {

	main section.section-shapes .section-body ul li .item-content {
		transition: transform 300ms;

	}

	main section.section-shapes .section-body ul li:hover {
		z-index: 2;
	}

	main section.section-shapes .section-body ul li:hover .item-content {
		transform: scale(1.666);
		/*transform: translateZ(40rem);*/
	}

	main section.section-shapes .section-body ul li .content .text {
		transition: opacity 300ms;
		opacity: 0;
	}

	main section.section-shapes .section-body ul li:hover .content .text {
		opacity: 1;
	}

	main section.section-shapes .section-body ul li .content hgroup h3 {
		transition: opacity 300ms;
		opacity: 1;
	}

	main section.section-shapes .section-body ul li:hover .content hgroup h3 {
		opacity: 0;
	}

	main section.section-shapes .section-body ul li .pins {
		opacity: 0;
		transition: opacity 300ms 100ms;
	}

	main section.section-shapes .section-body ul li:hover .pins {
		opacity: 1;
		animation-play-state: running;
	}
}

@media (min-width: 900px) {
	main section.section-shapes .section-body ul li .item-content {
		animation: none !important;
	}
}

@media (max-width: 899px) {
	main section.section-shapes .section-body ul li.active {
		z-index: 1;
	}

	main section.section-shapes .section-body ul li .content .text {
		transition: opacity 300ms;
		opacity: 0;
		pointer-events: none;
	}

	main section.section-shapes .section-body ul li.active .content .text {
		opacity: 1;
		pointer-events: auto;
	}

	main section.section-shapes .section-body ul li .content hgroup h3 {
		transition: opacity 300ms;
		opacity: 1;
	}

	main section.section-shapes .section-body ul li.active .content hgroup h3 {
		opacity: 0;
	}

	main section.section-shapes .section-body ul li .pins {
		opacity: 0;
		transition: opacity 600ms 100ms;
	}

	main section.section-shapes .section-body ul li.active .pins {
		opacity: 1;
		animation-play-state: running;
	}

}


main section.section-1 .section-body ul {
	height: 56rem;
}

main section.section-1 .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 0;
	width: 13.25em;
	/* height: auto; */

}

main section.section-1 .section-body ul li:nth-child(1) .content {
	padding: 4em 1em 2em 3.4em;
}

main section.section-1 .section-body ul li:nth-child(1) .content hgroup h3 {
	margin: 2em 0.8em 0 2.2em;
}

@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(1) {
		/* left: 2em; */
		font-size: 1.0rem;
	}
}

main section.section-1 .section-body ul li:nth-child(2) {
	order: 4;
	width: 13.6719em;
	/* height: 13.5rem; */
	top: 14.6em;
	left: 0;
}

main section.section-1 .section-body ul li:nth-child(2) .content {
	padding: 2.3em 1.5em 1em 1.3em;
}

main section.section-1 .section-body ul li:nth-child(2) .pins {
	transform: rotate(24deg);
	left: -1.7em;
	bottom: -3em;
}

main section.section-1 .section-body ul li:nth-child(2) .content hgroup h3 {
	margin: 0.8333em 0 0;
}

@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(2) {
		/* left: 2em;
		top: 47em;
		position: absolute; */

	}

	main section.section-1 .section-body ul li:nth-child(2) .item-content {}
}

main section.section-1 .section-body ul li:nth-child(3) {
	order: 6;
	width: 16.3206em;
	/* height: 13rem; */
	top: 28.3em;
	left: 3em;
}

main section.section-1 .section-body ul li:nth-child(3) .content {
	padding: 3em 1.7em 1em 1.3em;
}

main section.section-1 .section-body ul li:nth-child(3) .pins {
	transform: rotate(24deg);
	right: 0em;
	bottom: -1.5em;
}

main section.section-1 .section-body ul li:nth-child(3) .content hgroup h3 {
	margin: 2em 2em 0;
}

@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(3) {
		/* left: 0.5em;
		top: 63em; */
		/* margin: -2em 0; */
		font-size: 0.9rem;
	}

	main section.section-1 .section-body ul li:nth-child(3) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-1 .section-body ul li:nth-child(4) {
	order: 3;
	top: 2.1em;
	left: 24.3em;
	width: 11.75em;
	/* height: 13.3rem; */
}

main section.section-1 .section-body ul li:nth-child(4) .content {
	padding: 2em 1.5em 2em 2em;
}


@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(4) {
		/* left: 2em;
		top: 30em; */
		font-size: 1.2rem;
	}
}

main section.section-1 .section-body ul li:nth-child(5) {
	order: 5;
	top: 19.5em;
	left: 20.8em;
	width: 16em;
}

main section.section-1 .section-body ul li:nth-child(5) .content {
	padding: 0.3em 5em 2em 1em;
	/* margin: 0 4.5em 0 1em; */
}

main section.section-1 .section-body ul li:nth-child(5) .pins {
	transform: rotate(-24deg);
	right: 3em;
	bottom: -1.5em;
}

main section.section-1 .section-body ul li:nth-child(5) .content hgroup h3 {
	margin: 0 3.75em 0 1em;
}

@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(5) {
		/* left: 2em;
		top: 79em; */
		/* margin: -2em 0; */
		font-size: 0.95rem;
	}

	main section.section-1 .section-body ul li:nth-child(5) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-1 .section-body ul li:nth-child(6) {
	order: 7;
	top: 35.6em;
	left: 22.9em;
	width: 9.1356em;
	/* height: 12em; */
}

main section.section-1 .section-body ul li:nth-child(6) .content {
	padding: 0.4em 1em 1em 0.8em;
}

@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(6) {
		font-size: 1em;
		width: 9em;
	}
}

main section.section-1 .section-body ul li:nth-child(7) {
	order: 2;
	top: 6em;
	left: 14.2em;
	width: 10.375em;
	/* height: 12em; */
}

main section.section-1 .section-body ul li:nth-child(7) .content {
	padding: 0.1em 2em 1em 1em;
}

main section.section-1 .section-body ul li:nth-child(7) .content .text h3 {
	margin: 0.5em 0 2.5em;
}


@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(7) {
		/* left: 3em;
		top: 16em; */
		font-size: 1.3rem;
	}
}


main section.section-1 .section-body ul li:nth-child(8) {
	order: 8;
	width: 23em;
	top: 37.9em;
	left: -1.8em;
}

main section.section-1 .section-body ul li:nth-child(8) .content {
	padding: 5.9em 4.1em 1em 5.4em;
}

main section.section-1 .section-body ul li:nth-child(8) .content .text h3 {
	/*margin: 0.5em 0 1.4em;*/
}

main section.section-1 .section-body ul li:nth-child(8) .content hgroup h3 {
	margin: 2em 2em 0;
}


@media (max-width: 899px) {
	main section.section-1 .section-body ul li:nth-child(8) {
		/* left: 3em;
		top: 16em; */
		font-size: 0.8em;
	}
}


@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes zoominzoomout {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.4);
	}

	100% {
		transform: scale(1);
	}
}





/* SECTION 2
----------------------------------------*/

@media (min-width: 900px) {
	main section.section-2 .section-body ul {
		height: 82rem;
	}
}

main section.section-2 .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 2em;
	width: 14.25em;
}

main section.section-2 .section-body ul li:nth-child(1) .content {
	padding: 1.1em 2em 2em 3.4em;
	transform: skewX(10.7deg);

}

main section.section-2 .section-body ul li:nth-child(1) .content hgroup h3 {
	margin: 0em 1em 1.6em 1.6em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(1) {
		/* left: 2em; */
		font-size: 0.9rem;
	}
}

main section.section-2 .section-body ul li:nth-child(2) {
	order: 4;
	width: 14.6em;
	/* height: 13.5rem; */
	top: 13.2em;
	left: 4.2em;

}

main section.section-2 .section-body ul li:nth-child(2) .content {
	padding: 0em 3.3em 0em 1.2em;
}

/*main section.section-2 .section-body ul li:nth-child(2) .pins {
	transform: rotate(24deg);
	left: -1em;
	bottom: -1.5em;
}*/

main section.section-2 .section-body ul li:nth-child(2) .content hgroup h3 {
	margin: 0em 3.1em 0 1.2em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(2) {
		/* left: 2em;
		top: 47em;
		position: absolute; */

	}

	main section.section-2 .section-body ul li:nth-child(2) .item-content {}
}

main section.section-2 .section-body ul li:nth-child(3) {
	order: 6;
	width: 11.1667em;
	top: 23.5em;
	left: 3em;
}

main section.section-2 .section-body ul li:nth-child(3) .content {
	padding: 0em 1em 0em;
}

/*main section.section-2 .section-body ul li:nth-child(3) .pins {
	transform: rotate(24deg);
	right: 0em;
	bottom: -1.5em;
}*/

main section.section-2 .section-body ul li:nth-child(3) .content hgroup h3 {
	margin: 2em 2em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(3) {

		/*font-size: 0.9rem;*/
	}

	main section.section-2 .section-body ul li:nth-child(3) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-2 .section-body ul li:nth-child(4) {
	order: 4;
	top: -1.4em;
	left: 17.3em;
	width: 18.75em;
}

main section.section-2 .section-body ul li:nth-child(4) .content {
	padding: 0.7em 3.5em 2em 4.7em;
}


@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(4) {
		/* left: 2em;
		top: 30em; */
		font-size: 0.8rem;
	}
}

main section.section-2 .section-body ul li:nth-child(5) {
	order: 5;
	top: 30.5em;
	left: 15.5em;
	width: 21em;
}

main section.section-2 .section-body ul li:nth-child(5) .content {
	padding: 0.3em 3em 2em 2em;
	transform: skewX(-10deg);
}

main section.section-2 .section-body ul li:nth-child(5) .pins {
	transform: rotate(-24deg);
	right: 3em;
	bottom: -1.5em;
}

main section.section-2 .section-body ul li:nth-child(5) .content hgroup h3 {
	margin: 0 2.75em 0 2.4em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(5) {
		font-size: 0.7rem;
	}

	main section.section-2 .section-body ul li:nth-child(5) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-2 .section-body ul li:nth-child(6) {
	order: 7;
	top: 44.6em;
	left: 19.9em;
	width: 16.1356em;
}

main section.section-2 .section-body ul li:nth-child(6) .content {
	padding: 2.2em 2.6em 1em 3.2em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(6) {
		font-size: 0.9rem;
	}
}

main section.section-2 .section-body ul li:nth-child(7) {
	order: 2;
	top: 49.6em;
	left: 2.5em;
	width: 16.375em;
}

main section.section-2 .section-body ul li:nth-child(7) .content {
	padding: 2.8em 2em 1em 2em;
}

main section.section-2 .section-body ul li:nth-child(7) .content .text h3 {
	margin: 0.5em 0 1.4em;
}


@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(7) {
		font-size: 0.8rem;
	}
}


main section.section-2 .section-body ul li:nth-child(8) {
	order: 8;
	width: 16em;
	top: 63.2em;
	left: 20.2em;
}

main section.section-2 .section-body ul li:nth-child(8) .content {
	padding: 1.4em 1.6em 0em 2.2em;
}

main section.section-2 .section-body ul li:nth-child(8) .pins {
	transform: rotate(24deg);
	left: 16em;
	bottom: -2.5em;
}

main section.section-2 .section-body ul li:nth-child(8) .content hgroup h3 {
	margin: 0em 1.8em 0 1.8em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(8) {
		font-size: 0.9rem;
	}

	main section.section-2 .section-body ul li:nth-child(8) .pins {
		left: 11em;
	}
}

main section.section-2 .section-body ul li:nth-child(9) {
	order: 9;
	width: 15em;
	top: 67.5em;
	left: 3.6em;
}

main section.section-2 .section-body ul li:nth-child(9) .content {
	padding: 0.8em 1.6em 0.1em 1.8em;
}

main section.section-2 .section-body ul li:nth-child(9) .pins {
	transform: rotate(24deg);
	left: 8em;
	bottom: -2.8em;
}

main section.section-2 .section-body ul li:nth-child(9) .content hgroup h3 {
	margin: 0em 3.1em 0 1.2em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(9) {
		font-size: 0.9rem;
	}

	main section.section-2 .section-body ul li:nth-child(9) .item-content {}
}



main section.section-2 .section-body ul li:nth-child(10) {
	order: 10;
	width: 15em;
	top: 76.7em;
	left: 17.8em;
}

main section.section-2 .section-body ul li:nth-child(10) .content {
	padding: 2.4em 2.4em 0.1em 3.6em;
}

main section.section-2 .section-body ul li:nth-child(10) .pins {
	transform: rotate(24deg);
	left: 8em;
	bottom: -2.8em;
}

main section.section-2 .section-body ul li:nth-child(10) .content hgroup h3 {
	margin: 0em 2em 0 2em;
}

@media (max-width: 899px) {
	main section.section-2 .section-body ul li:nth-child(10) {
		font-size: 0.9rem;
	}

	main section.section-2 .section-body ul li:nth-child(10) .item-content {}
}





/* SECTION 3
----------------------------------------*/

main section.section-3 .section-body ul {
	height: 80rem;
}

main section.section-3 .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 0;
	width: 18.56em;
	/* height: auto; */

}

main section.section-3 .section-body ul li:nth-child(1) .content {
	padding: 2.6em 4.3em 1em 4.3em;
}

main section.section-3 .section-body ul li:nth-child(1) .content hgroup h3 {
	margin: 2em 2em;
}

main section.section-3 .section-body ul li:nth-child(1) .pins {
	transform: rotate(24deg);
	left: 15em;
	bottom: 1.5em;
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(1) {
		font-size: 0.8rem;
	}
}

main section.section-3 .section-body ul li:nth-child(2) {
	order: 4;
	width: 16.8em;
	/* height: 13.5rem; */
	top: 20.6em;
	left: 0.7em;
}

main section.section-3 .section-body ul li:nth-child(2) .content {
	padding: 0.7em 4.5em 0em 3.5em;
}



main section.section-3 .section-body ul li:nth-child(2) .content hgroup h3 {
	margin: 0em 3.1em 0 1.2em;
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(2) {
		font-size: 0.8rem;

	}

	main section.section-3 .section-body ul li:nth-child(2) .item-content {}
}


/*main section.section-3 .section-body ul li:nth-child(3) {
	display: none;
	order: 2;
	top: 37.5em;
	left: 12.8em;
	width: 8.6667em;
}*/


main section.section-3 .section-body ul li:nth-child(3) {
	order: 6;
	width: 37em;
	/* height: 13rem; */
	top: 30em;
	left: 1.2em;
}

main section.section-3 .section-body ul li:nth-child(3) .content {
	padding: 0.5em 1.7em 1em 1.3em;
}

main section.section-3 .section-body ul li:nth-child(3) .content.content1 {
	width: 13em;
	padding: 4.9em 2.1em 1em 2.7em;
}

main section.section-3 .section-body ul li:nth-child(3) .content.content2 {
	width: 19em;
	left: 18em;
	padding: 2.9em 4em 1em 3.8em;
}

main section.section-3 .section-body ul li:nth-child(3) .content hgroup h3 {
	margin: 2em 2em;
}

main section.section-3 .section-body ul li:nth-child(3) .content.content1 hgroup h3 {
	margin: 2em 2.6em 1em;
}

main section.section-3 .section-body ul li:nth-child(3) .pins {
	transform: rotate(24deg);
	left: 30.4em;
	bottom: -1.8em;

}


@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(3) {
		font-size: 0.9rem;
		width: 15em;
	}

	main section.section-3 .section-body ul li:nth-child(3) .content.content1 {
		width: 13em;
		padding: 0.4em 1.6em 1em 3.9em;
	}

	main section.section-3 .section-body ul li:nth-child(3) .content.content2 {
		width: 19em;
		left: 0em;
		top: 12rem;
		padding: 2.8em 5em 1em 2.6em;
	}

	main section.section-3 .section-body ul li:nth-child(3) .content.content1 hgroup h3 {
		margin: 2.6em 1.9em 17.2em 2.6em;
	}

	main section.section-3 .section-body ul li:nth-child(3) .content.content2 hgroup h3 {
		margin: 1em 3em 10.6em 0em;
	}

}

main section.section-3 .section-body ul li:nth-child(4) {
	display: none;
}

main section.section-3 .section-body ul li:nth-child(5) {
	display: none;


	order: 3;
	top: 29.3em;
	left: 19.3em;
	width: 19em;
	/* height: 13.3rem; */
}

main section.section-3 .section-body ul li:nth-child(5) .content {
	padding: 0.7em 3.5em 2em 4.7em;
}


@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(5) {
		/* left: 2em;
		top: 30em; */
		font-size: 1.2rem;
	}
}



main section.section-3 .section-body ul li:nth-child(6) {
	order: 7;
	top: 6em;
	left: 20.9em;
	width: 15em;
}

main section.section-3 .section-body ul li:nth-child(6) .content {
	padding: 0.9em 2.5em 1em 2.5em;
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(6) {
		/* left: 4em;
		top: 97em; */
		font-size: 0.9rem;
	}
}



main section.section-3 .section-body ul li:nth-child(7) {
	order: 2;
	top: 47.6em;
	left: 2.2em;
	width: 31.5833em;
}

main section.section-3 .section-body ul li:nth-child(7) .content {
	padding: 0em 9.1em 4em 3.7em;
}

main section.section-3 .section-body ul li:nth-child(7) .content hgroup h3 {
	margin: 0 9em 2em 2em;
}

@media (min-width: 900px) {
	main section.section-3 .section-body ul li:nth-child(7) .content .text p:last-of-type {
		text-align: right;
	}
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(7) {
		font-size: 1rem;

		width: 14em;
	}

	main section.section-3 .section-body ul li:nth-child(7) .content {
		padding: 0em 1.9em 1.6em 1.9em;
	}

	main section.section-3 .section-body ul li:nth-child(7) .content hgroup h3 {
		margin: 0 1em 1em 1em;
	}

	main section.section-3 .section-body ul li:nth-child(7) .content .text h3 {
		text-align: center;
	}
}


main section.section-3 .section-body ul li:nth-child(8) {
	order: 8;
	width: 20em;
	top: 59.2em;
	left: -3.8em;
}

main section.section-3 .section-body ul li:nth-child(8) .content {
	padding: 0.5em 3.1em 0em 3.1em;
}

main section.section-3 .section-body ul li:nth-child(8) .content hgroup h3 {
	margin: 0em 4em 2.1em;
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(8) {
		font-size: 0.7rem;
	}

	main section.section-3 .section-body ul li:nth-child(8) .item-content {}
}

main section.section-3 .section-body ul li:nth-child(9) {
	order: 9;
	width: 25.4167em;
	top: 57.8em;
	left: 18.2em;
}

main section.section-3 .section-body ul li:nth-child(9) .content {
	padding: 5.2em 7.5em 0.1em 2em;
}

main section.section-3 .section-body ul li:nth-child(9) .content hgroup h3 {
	margin: 3.5em 5em 1.6em 4em;
}

@media (max-width: 899px) {
	main section.section-3 .section-body ul li:nth-child(9) {
		font-size: 0.8rem;
		width: 16.5167em;
	}

	main section.section-3 .section-body ul li:nth-child(9) .content {
		padding: 5.7em 2.2em 0.1em 2.2em;
	}

	main section.section-3 .section-body ul li:nth-child(9) .item-content {}
}







/* SECTION 4
----------------------------------------*/

@media (min-width: 900px) {
	main section.section-4 .section-body ul {
		height: 36rem;
	}
}

main section.section-postit .section-body ul li {
	width: 16.5em;
	height: 16.5em;
	cursor: grab;

	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

main section.section-postit .section-body ul li.grabbing {
	cursor: grabbing;
}

main section.section-postit .section-body ul li .item-content {
	/*pointer-events: none;*/
	background-color: var(--white);
	border: 1px solid black;
}

main section.section-postit .section-body ul li .item-content .content {
	padding: 0.5em 1.5em 0em;
}

main section.section-postit .section-body ul li .content .text {
	/*transition: none;
	opacity: 1;*/
	font-size: 1.2em;
}

@media (max-width: 899px) {
	main section.section-postit .section-body ul li {
		font-size: 0.7rem;
	}

	main section.section-postit .section-body ul li .item-content {
		height: 16.5em;
	}

}

main section.section-postit .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 0;
}

main section.section-postit .section-body ul li:nth-child(1) .item-content {
	transform: rotate(-15deg);
}

main section.section-4 .section-body ul li:nth-child(1) .pins {
	transform: rotate(24deg);
	left: 11.7em;
	bottom: -2.3em;
	animation-play-state: running;
}

main section.section-4 .section-body ul li:nth-child(2) {
	order: 2;
	top: 2.1em;
	left: 18.3em;
}

main section.section-4 .section-body ul li:nth-child(2) .item-content {
	transform: rotate(9deg);
}

main section.section-4 .section-body ul li:nth-child(2) .pins {
	transform: rotate(24deg);
	left: 7.7em;
	bottom: -1.3em;
	animation-play-state: running;
}

main section.section-4 .section-body ul li:nth-child(3) {
	order: 3;
	top: 16.5em;
	left: 3.6em;
}

main section.section-4 .section-body ul li:nth-child(3) .item-content {
	transform: rotate(3deg);
}

main section.section-4 .section-body ul li:nth-child(3) .pins {
	transform: rotate(24deg);
	left: -2.3em;
	bottom: -2.3em;
	animation-play-state: running;
}

main section.section-4 .section-body ul li:nth-child(4) {
	order: 4;
	top: 18.9em;
	left: 20.7em;
}

main section.section-4 .section-body ul li:nth-child(4) .item-content {
	transform: rotate(-9deg);
}

main section.section-4 .section-body ul li:nth-child(4) .pins {
	transform: rotate(24deg);
	left: 11.7em;
	bottom: -2.3em;
	animation-play-state: running;
}





/* SECTION 5
----------------------------------------*/

@media (min-width: 900px) {
	main section.section-5 .section-body ul {
		height: 83rem;
	}
}

main section.section-5 .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 2em;
	width: 14.6em;
}

main section.section-5 .section-body ul li:nth-child(1) .content {
	padding: 4.5em 2em 0em;
}

main section.section-5 .section-body ul li:nth-child(1) .content hgroup h3 {
	margin: 2.5em 2em 0em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(1) {
		font-size: 0.9rem;
	}
}

main section.section-5 .section-body ul li:nth-child(2) {
	order: 2;
	width: 18em;
	top: 6.6em;
	left: 18em;
}

main section.section-5 .section-body ul li:nth-child(2) .content {
	padding: 1.5em 3.8em 0em;
}

main section.section-5 .section-body ul li:nth-child(2) .content hgroup h3 {
	margin: 0em 1em 0;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(2) {
		font-size: 0.75rem;

	}

	main section.section-5 .section-body ul li:nth-child(2) .item-content {}
}

main section.section-5 .section-body ul li:nth-child(3) {
	order: 3;
	width: 17.3333em;
	top: 17em;
	left: 0em;
}

main section.section-5 .section-body ul li:nth-child(3) .content {
	padding: 2.4em 3.3em 0em;
}

/*main section.section-5 .section-body ul li:nth-child(3) .pins {
	transform: rotate(24deg);
	right: 0em;
	bottom: -1.5em;
}*/

main section.section-5 .section-body ul li:nth-child(3) .content hgroup h3 {
	margin: 2em 2em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(3) {
		font-size: 0.8rem;
	}

	main section.section-5 .section-body ul li:nth-child(3) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-5 .section-body ul li:nth-child(4) {
	order: 4;
	top: 27.1em;
	left: 18.5em;
	width: 14.4167em;
}

main section.section-5 .section-body ul li:nth-child(4) .content {
	padding: 0em 2.2em 0em;
}


@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(4) {
		font-size: 0.9rem;
	}
}

main section.section-5 .section-body ul li:nth-child(5) {
	order: 5;
	top: 36.5em;
	left: 0.5em;
	width: 15.25em;
}

main section.section-5 .section-body ul li:nth-child(5) .content {
	padding: 0.3em 1.8em 0em;
}

main section.section-5 .section-body ul li:nth-child(5) .content hgroup h3 {
	margin: 0 2.75em 0 2.4em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(5) {
		font-size: 0.75rem;
	}

	main section.section-5 .section-body ul li:nth-child(5) .item-content {
		/* transform: scale(1.2); */
	}
}

main section.section-5 .section-body ul li:nth-child(6) {
	order: 6;
	top: 38.1em;
	left: 18.8em;
	width: 16.5em;
}

main section.section-5 .section-body ul li:nth-child(6) .content {
	padding: 4.5em 3em 0em;
}

main section.section-5 .section-body ul li:nth-child(6) .content hgroup h3 {
	margin: 0 1em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(6) {
		font-size: 0.9rem;
	}
}

main section.section-5 .section-body ul li:nth-child(7) {
	order: 7;
	top: 59.8em;
	left: 17.2em;
	width: 14.4167em;
}

main section.section-5 .section-body ul li:nth-child(7) .content {
	padding: 2em 2.8em 0em;
}

main section.section-5 .section-body ul li:nth-child(7) .content .text h3 {
	margin: 0.5em 0 1.4em;
}


@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(7) {
		font-size: 0.9rem;
	}
}


main section.section-5 .section-body ul li:nth-child(8) {
	order: 8;
	width: 15.8333em;
	top: 64.3em;
	left: -0.8em;
}

main section.section-5 .section-body ul li:nth-child(8) .content {
	padding: 0.9em 2.5em 0em;
}

main section.section-5 .section-body ul li:nth-child(8) .content hgroup h3 {
	margin: 0em 2.5em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(8) {
		font-size: 0.8rem;
	}

	main section.section-5 .section-body ul li:nth-child(8) .item-content {}
}

main section.section-5 .section-body ul li:nth-child(9) {
	order: 9;
	width: 14.8333em;
	top: 79.5em;
	left: 17.2em;
}

main section.section-5 .section-body ul li:nth-child(9) .content {
	padding: 2.3em 1.9em 0em;
}

main section.section-5 .section-body ul li:nth-child(9) .content hgroup h3 {
	margin: 0em 2em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(9) {
		font-size: 0.9rem;
	}

	main section.section-5 .section-body ul li:nth-child(9) .item-content {}
}



main section.section-5 .section-body ul li:nth-child(10) {
	order: 10;
	width: 15em;
	top: 82.2em;
	left: 1.2em;
}

main section.section-5 .section-body ul li:nth-child(10) .content {
	padding: 1.7em 2.4em 0em;
}

main section.section-5 .section-body ul li:nth-child(10) .content hgroup h3 {
	margin: 0em 2.8em 0 2.8em;
}

@media (max-width: 899px) {
	main section.section-5 .section-body ul li:nth-child(10) {
		font-size: 0.9rem;
	}

	main section.section-5 .section-body ul li:nth-child(10) .item-content {}
}






/* SECTION 6
----------------------------------------*/

@media (min-width: 900px) {
	main section.section-6 .section-body ul {
		height: 24rem;
	}
}

main section.section-6 .section-body ul li {
	width: 32em;
	top: 0em;
	left: 0em;

	font-size: 1.1rem;
}





main section.section-6 .section-body ul li .content {
	width: 15.8em;
}

main section.section-6 .section-body ul li .content.page1 {
	padding: 1em 1.5em 0;
}

main section.section-6 .section-body ul li .content.page2 {
	left: 16.2em;
	padding: 1em 2em 0 2em;
}

@media (max-width: 899px) {
	main section.section-6 .section-body ul li {
		font-size: 0.8rem;
		width: 16.2em;
		top: 0em;
		left: 1.2em;


	}

	main section.section-6 .section-body ul li svg.book-mobile-page2 {
		transform: translate(1em, -6em) rotate(12deg);
	}

	main section.section-6 .section-body ul li .content.page1 {
		padding: 1em 1.3em 0;
	}

	main section.section-6 .section-body ul li .content {
		width: 15em;
	}

	main section.section-6 .section-body ul li .content.page2 {
		left: 0em;
		top: 15.1em;
		padding: 1em 1.3em 0 1.3em;
		transform: rotate(12deg);
	}



}



/* SECTION 7
----------------------------------------*/

@media (min-width: 900px) {
	main section.section-7 .section-body ul {
		height: 48rem;
	}
}

/*
main section.section-postit .section-body ul li {
	width: 16.5em;
	height: 16.5em;

}

main section.section-postit .section-body ul li .item-content {
	pointer-events: none;
	background-color: white;
	border: 1px solid black;
}

main section.section-postit .section-body ul li .item-content .content {
	padding: 0.5em 1.5em 0em;
}

main section.section-postit .section-body ul li .content .text {

	font-size: 1.2em;
}*/

main section.section-7 .section-body ul li:nth-child(1) {
	order: 1;
	top: 0;
	left: 0;
}

main section.section-7 .section-body ul li:nth-child(1) .item-content {
	transform: rotate(-15deg);
}

main section.section-7 .section-body ul li:nth-child(2) {
	order: 2;
	top: 3.1em;
	left: 16.3em;
}

main section.section-7 .section-body ul li:nth-child(2) .item-content {
	transform: rotate(9deg);
}

main section.section-7 .section-body ul li:nth-child(3) {
	order: 3;
	top: 17.5em;
	left: 7.6em;
}

main section.section-7 .section-body ul li:nth-child(3) .item-content {
	transform: rotate(-4deg);
}

main section.section-7 .section-body ul li:nth-child(4) {
	order: 4;
	top: 26.9em;
	left: 19.7em;

}

main section.section-7 .section-body ul li:nth-child(4) .item-content {
	transform: rotate(-7deg);
}

main section.section-7 .section-body ul li:nth-child(5) {
	order: 5;
	top: 35.9em;
	left: 3.7em;
}

main section.section-7 .section-body ul li:nth-child(5) .item-content {
	transform: rotate(4deg);
}


section.arrow-top {
	position: sticky;
	bottom: 0;
	height: 0;
	display: block;

	overflow: visible;
}

section.arrow-top a {
	cursor: pointer;
}

.arrow-top img {
	position: absolute;
	bottom: 4rem;
	right: 3rem;
	width: 2rem;
	height: auto;
}

@media (max-width: 899px) {

	.arrow-top img {
		bottom: 1rem;
		right: 1rem;
		width: 1.5rem;
	}

}

/* Footer
----------------------------------------*/

footer {
	display: flex;
	background-color: var(--white);
}

footer .footer-column1 {
	padding: 3em 3em;
	flex-grow: 1;

}

footer .footer-column2 {
	padding: 3em 3em;
	flex-grow: 1;
}


footer p {
	font-size: 0.48em;
	line-height: 1.2em;
	margin-top: 0;
}

footer a {
	color: var(--blue-text);
}

@media (max-width: 899px) {
	footer {
		flex-direction: column;
	}

	footer .footer-column1 {
		padding: 1em 2em;

	}

	footer .footer-column2 {
		padding: 1em 2em;
	}
}