@font-face {
    font-family: 'Avenir';
    src: url('./assets/AvenirLTPro-Book.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('./assets/AvenirLTPro-Heavy.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* Reset */
*, *::before, *::after{
    box-sizing: border-box; 
}
*{
    margin: 0; 
    padding: 0; 
}
html {
	-webkit-text-size-adjust: none;
	font-size: 12px;
}
body, html{
	font-family: 'Avenir';
    scroll-behavior: smooth;
	background-color: white;
}
html:focus-within{
    scroll-behavior: smooth; 
}
body {
	font-size: 100%;
}
img {
	width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
main {
	max-width: 1200px;
	min-width: 360px;
	min-height: 100dvh;
}
.rounded-xl	{
	border-radius: 0.75rem;
}
.rounded-full {
	border-radius: 9999px;
}
.text-base {
	font-size: 1.2rem;
	line-height: 1.4rem;
}
.text-xl {
	font-size: 2rem;
	line-height: 2rem;
}
.text-2xl {
	font-size: 2.25rem;
	line-height: 2.25rem;
}
.text-lg {
	font-size: 1.5rem;
	line-height: 1.5rem;
}
/* Colors */
.white {
	color: white;
}
.bg-white {
	background-color: white;
}
.green {
	color: #004903;
}
.bg-green {
	background-color: #004903;
}
.light-green {
	color: #E5F6EB;
}
.bg-light-green {
	background-color: #E5F6EB;
}
.brown {
	color: #44362D;
}
.bg-brown {
	background-color: #44362D;
}
.bg-blue {
	background-color: #1f3c6e;
}
.blue {
	color: #1f3c6e;
}
.light-blue {
	color: #bcc4d3;
}
.bg-light-blue {
	background-color: #bcc4d3;
}
.bg-pink {
	background-color: #c884b7;
}
.pink {
	color: #c884b7;
}
.light-pink {
	color: #f4e6f1;
}
.bg-light-pink {
	background-color: #f4e6f1;
}
.bg-yellow {
	background-color: #e2a615;
}
.yellow {
	color: #e2a615;
}
.light-yellow {
	color: #f9edD0;
}
.bg-light-yellow {
	background-color: #f9edD0;
}
.flex-col {
	display: flex;
	flex-direction: column;
}
.flex-row {
	display: flex;
	flex-direction: row;
}
.flex-row-reverse {
	flex-direction: row-reverse;
}
.align-center {
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.drop-shadow-lg	{
	filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
}
.drop-shadow-xl	{
	filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
}
.drop-shadow-2xl {
	filter: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
}
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.pb-4 {
	padding-bottom: 1rem;
}
.pb-8 {
	padding-bottom: 2rem;
}
.mb-4 {
	margin-bottom: 1rem;
}

.mb-8 {
	margin-bottom: 2rem;
}
.pb-12 {
	padding-bottom: 3rem;
}
.pb-16 {
	padding-bottom: 4rem;
}
.pb-24 {
	padding-bottom: 6rem;
}
.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}
.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.px-12 {
	padding-left: 3rem;
	padding-right: 3rem;
}
.bold {
	font-weight: bold;
}
.text-center {
	text-align: center;
}
.header-text {
	transform: translateY(-3rem);
}
.scale-5 {
	transform: scale(1.125);
}
.scale-6-translateY-6 {
	transform: scale(1.25) translateY(-2rem);
}
.scale-6-translateY-2 {
	transform: scale(1.25) translateY(-0.5rem);
}
.scale-8 {
	transform: scale(1.5);
}
.scale-8-translateY-8 {
	transform: scale(1.5) translateY(-2rem);
}
.w-full {
	width: 100%;
}
.w-1\/2 {
	width: 50%;
}
.w-full {
	width: 100%;
}
.w-1\/2 {
	width: 50%;
}
.underline {
	text-decoration: underline;
}
/*
Media queries
*/

@media (min-width: 640px) {
	.md\:img-66 {
		width: 66.6666666666%
	}
	.md\:scale-8 {
		transform: scale(1.5)
	}
	.md\:scale-8-translateY-8 {
		transform: scale(1.5) translateY(-2rem);
	}
	
	.md\:scale-8-translateY-12 {
		transform: scale(1.5) translateY(-3rem);
	}
	.md\:px-4 {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.md\:px-8 {
		padding-right: 2rem;
		padding-left: 2rem;
	}	
	.md\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.md\:pb-8 {
		padding-bottom: 2rem;
	}
	.md\:pb-12 {
		padding-bottom: 3rem;
	}
	.md\:pb-16 {
		padding-bottom: 4rem;
	}
	.md\:pb-24 {
		padding-bottom: 6rem;
	}
	
	.md\:pb-28 {
		padding-bottom: 7rem;
	}
	.md\:flex-col {
		display: flex;
		flex-direction: column;
	}
	.md\:flex-row {
		display: flex;
		flex-direction: row;
	}
	.md\:flex-row-reverse {
		flex-direction: row-reverse;
	}
	.md\:w-full {
		width: 100%;
	}
	.md\:w-1\/2 {
		width: 50%;
	}
	.md\:w-1\/3 {
		width: 33.33333333%;
	}	
	.md\:w-2\/3 {
		width: 66.66666666%;
	}
	.md\:text-base {
		font-size: 1rem;
		line-height: 1rem;
	}
    .md\:text-lg {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
	.md\:text-xl {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	.md\:justify-center {
		justify-content: center;
	}
	.md\:align-center {
		align-items: center;
	}
    .md\:text-2xl {
		font-size: 2rem;
		line-height: 2.25rem;
	}

}