@charset "utf-8";

/* TEXTS
============================== */
.text-small{
	font-size: var(--fs-small);
	letter-spacing: 0;
}
h4,
.text-medium{
	font-size: var(--fs-medium);
	letter-spacing: 0;
}
h3,
.text-large{
	font-size: var(--fs-large);
	letter-spacing: 0;
}
@media (min-width: 601px){
	h3,
	.text-large{
		font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
		line-height: var(--lh-large);
		letter-spacing: var(--ls-large);
	}
}
.text-section{
	font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
	font-size: var(--fs-section);
	line-height: var(--lh-section);
	letter-spacing: var(--ls-section);
}
.text-big{
	font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
	font-size: var(--fs-big);
	line-height: var(--lh-big);
	letter-spacing: var(--ls-big);
}
h2,
.text-title{
	font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
	font-size: var(--fs-title);
	line-height: var(--lh-title);
	letter-spacing: 0;
}

.text-headline{
	font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
	font-size: var(--fs-headline);
	line-height: var(--lh-headline);
	letter-spacing: var(--ls-headline);
}

/* FORMATING
============================== */
.text-White{
	color: var(--cw);
}

.text-Red {
	color: red;
}

.light{
	font-family: 'MessinaSans Light', Helvetica, Arial, sans-serif;
}
strong{
	font-family: 'MessinaSans Bold', Helvetica, Arial, sans-serif;
}
em strong,
strong em{
	font-family: 'MessinaSans Bold Italic', Helvetica, Arial, sans-serif;
}
em,
h2 em strong,
h2 strong em,
h3 em strong,
h3 strong em,
h3 em,
.text-large em,
.text-large em strong,
.text-large strong em,
.text-big em strong,
.text-big strong em,
.text-bigger em strong,
.text-bigger strong em{
	font-family: 'MessinaSans Italic', Helvetica, Arial, sans-serif;
}
@media (min-width: 601px){
	h3 em,
	.text-large em{
		font-family: 'MessinaSans Light Italic', Helvetica, Arial, sans-serif;
	}
	h3 strong,
	.text-large strong{
		font-family: 'MessinaSans', Helvetica, Arial, sans-serif;
	}
	h3 em strong,
	h3 strong em,
	.text-large em strong,
	.text-large strong em{
		font-family: 'MessinaSans Italic', Helvetica, Arial, sans-serif;
	}
}
h2 em,
.text-big em,
.text-bigger em{
	font-family: 'MessinaSans Light Italic', Helvetica, Arial, sans-serif;
}
h2 strong,
h3 strong,
.text-large strong,
.text-big strong,
.text-bigger strong{
	font-family: 'MessinaSans', Helvetica, Arial, sans-serif;
}


/* VARS
============================== */
:root{
	--fs-small: 0.79365079365vw/*12px*/;
	--ls-small: .12em;

	--fs: 0.92592592592vw/*14px*/;
	--lh: 1.4;

	--fs-medium: 1.38888888889vw;/*21px*/

	--fs-large: 1.78571428571vw;/*27px*/
	--lh-large: 1.3;
	--ls-large: -.03em;

	--fs-section: var(--fs-large);/*27px*/
	--lh-section: var(--lh-large);
	--ls-section: var(--ls-large);

	--fs-title: 3.13597883598vw;/*58px*/
	--lh-title: 1.1;

	--fs-big: 4.89417989418vw;/*74px*/
	--lh-big: .9;
	--ls-big: -.04em;

	--fs-headline: 7.23650793651vw;/*120px*/
	--lh-headline: var(--lh-big);
	--ls-headline: 0.008em;
}
/* @media (min-width: 1681px){
	:root{
		--fs-medium: 24px;
		--fs-large: 30px;
		--fs-title: 64px;
		--fs-big: 82px;
		--fs-headline: 190px;
	}
} */
/* @media (min-width: 835px) and (max-width: 1280px){
	:root{
		--fs-small: 9px;
		--fs: 12px;
		--fs-medium: 16px;
		--fs-large: 18px;
	}
} */
@media (max-width: 1024px){
	:root{
		--fs-small: 12px;
		--fs: 14px;
		--fs-medium: 18px;
		--fs-large: 3.83693045564vw;
		--fs-section: var(--fs-title);
		--lh-section: var(--lh-title);
		--ls-section: 0;
		--fs-title: 4.6vw;
		--fs-big: 7.46666666667vw;
		--fs-headline: var(--fs-big);
		--ls-headline: var(--ls-big);

		--lh-big: var(--lh-title);
	}
}
@media (max-width: 600px){
	:root{
		--fs-large: var(--fs-medium);
	}
}
@media (max-width: 414px){
	:root{
		--fs-small: 10px;
		--fs: 13px;
		--fs-medium: 15px;
		--fs-large: var(--fs-medium);

		--fs-title: 24px;
		--fs-big: var(--fs-title);
		--ls-big: var(--ls-title);

		--fs-headline: 8.21256038647vw;
	}
}
@media (max-width: 320px){
	:root{
		--fs-small: 9px;
		--fs: 12px;
		--fs-medium: 14px;

		--fs-title: 22px;
	}
}