/* @import "fonts.css"; */

:root {
    --white: #ffffff;
	--white-mega: #f8f8f8;
    --gray: #cccccc;
	--gray-border-partner: #d2d5db;
    --gray-menu: #666261;
	--gray-4d4c4c: #4d4c4c;
	--gray-bs-89: #898989;
	--gray-bs-8e: #8e8e8e;
	--gray-bs-74: #747474;
	--gray-border: #7f7f7f;
	--gray-77: #777777;
	--gray-7f: #7f7f7f;
	--gray-29: #292929;
	--gray-c8: #c8c8c8;
	--gray-f3f3f3: #f3f3f3;
	--orange-bs: #ef7935;
    --submenu-bg: #f9f9f9;
    --black: #000000;
	--black-01: #010101;
	--black-111: #111111;
	--black-03: #030303;
    --green: #00ff00;
	--green-counter: #55ff00;
    --footer-txt: #bcbcbc;
    --footer-bg: #3b3b3b;
    --mobile-ham: #e2211c;
}

html{
    font-size: 16px;
    scroll-behavior: smooth;

    height: calc(var(--vh, 1vh) * 100);
    height: fill-available;
    height: -webkit-fill-available;

    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: 'objektiv_mk1medium', 'better_togethermedium', sans-serif;
    font-weight: 300;
    width: 100%;
    color: var(--black);
    background-color: var(--white);
    padding-bottom: env(safe-area-inset-bottom);

    height: calc(var(--vh, 1vh) * 100);
    min-height: -webkit-fill-available;
}

.w-regular {
	font-family: 'objektiv_mk1light', 'better_togetherregular', sans-serif;
	margin-bottom: 20px;
}

.w-medium {
	font-family: 'objektiv_mk1medium', 'better_togethermedium', sans-serif;
	margin-bottom: 20px;
}

.w-bold {
	font-family: 'objektiv_mk1xbold', 'better_togetherbold', sans-serif;
	margin-bottom: 20px;
}
.upper {
	text-transform: uppercase;
}

@media only screen and (min-width: 320px) {

	/*
        Butter
    */

	/*
        MK1
		font-size: 2rem;		=>	32px
		font-size: 1.625rem;	=>	16px
		font-size: 0.875rem;	=>	14px
	*/

	.w-regular,
	.w-medium,
	.w-bold {
		margin-bottom: 10px;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'objektiv_mk1medium', 'better_togethermedium', sans-serif;
	}

	p {
		font-family: 'better_togetherregular', sans-serif;
	}

	h1,
	.base-h1 {
		/* font-size: 4.1rem;
		line-height: 4.7rem; */

		/* 35px */
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	h2,
	.base-h2 {
		/* 28px */
		font-size: 1.765rem;
		line-height: 2.1rem;
	}
	h3,
	.base-h3 {
		/* 22px */
		font-size: 1.4rem;
		line-height: 2rem;
	}
	h4,
	.base-h4 {
		/* 20px */
		font-size: 1.275rem;
		line-height: 1.8rem;
	}
	h5,
	.base-h5 {
		/* 18px */
		font-size: 1.125rem;
		line-height: 1.7rem;
	}
	h6,
	.base-h6 {
		/* 16px */
		font-size: 1rem;
		line-height: 1.4rem;
	}
	p,
	.base-p {
		/* 16px */
		font-size: 1.131rem;
		line-height: 1.4rem;
	}
	.base-small {
		/* 14px */
		font-size: 0.875rem;
    	line-height: 1.5rem;
	}

	.base-xs {
		/* 12px */
		font-size: 0.75rem;
		line-height: 1.4rem;
	}
}
@media screen and (max-width: 991.98px){

}
@media screen and (min-width: 991px) and (max-width: 1399.98px){
	html {
        font-size: calc(10px + 4 * ((100vw - 991px) / 408));
    }
}
@media screen and (min-width: 1400px) and (max-width: 1919.98px){
	html {
        font-size: calc(14px + 2 * ((100vw - 1400px) / 520));
    }
}
@media only screen and (min-width: 540px) {
	h1,
	.base-h1 {
		/* font-size: 4.1rem;
		line-height: 4.7rem; */
		font-size: 3.2rem;
		line-height: 3.8rem;
	}
	h2,
	.base-h2 {

		font-size: 2.265rem;
		line-height: 3rem;
	}
	h3,
	.base-h3 {

		font-size: 1.7rem;
		line-height: 2.1rem;
	}
	h4,
	.base-h4 {

		font-size: 1.485rem;
		line-height: 2.3rem;
	}
	h5,
	.base-h5 {

		font-size: 1.275rem;
		line-height: 1.8rem;
	}
	h6,
	.base-h6 {

		font-size: 1.131rem;
		line-height: 1.6rem;
	}
	p {
		font-size: 1.131rem;
		line-height: 1.7rem;
	}
}
@media only screen and (min-width: 992px) {

}
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 1200px) {

	/*
        Butter
		font-size: 1.7rem;		=>	24px
    */

	/*
        MK1
		font-size: 9.912rem;	=>	140px
		font-size: 4.525rem;	=>	64px	=>	48pt
		font-size: 4.24rem;		=>	60px	=>	45pt
		font-size: 4.1rem;		=>	58px	=>	44pt
		font-size: 3.75rem;		=>	53px
		font-size: 2.265rem;	=>	32px
		font-size: 1.7rem;      =>  24px	=>	18pt
		font-size: 1.485rem;	=>	21px	=>	16pt
		font-size: 1.275rem;	=>	18px	=>	14pt
		font-size: 1.131rem;	=>	16px	=>	12pt
		font-size: 0.99rem;		=>	14px	=>	10.27pt
		font-size: 0.85rem;		=>	12px	=>	9pt
    */

	h1,
	.base-h1 {
		/* font-size: 4.1rem;
		line-height: 4.7rem; */

		/* 60px */
		font-size: 3.75rem;
		line-height: 4.2rem;
	}
	h2,
	.base-h2 {

		/* 42px */
		font-size: 2.25rem;
		line-height: 3.1rem;
	}
	h3,
	.base-h3 {
		/* 32px */
		font-size: 2rem;
		line-height: 2.6rem;
	}
	h4,
	.base-h4 {
		/* 28px */
		font-size: 1.752rem;
		line-height: 2.1rem;
	}
	h5,
	.base-h5 {
		/* 24px */
		font-size: 1.5rem;
		line-height: 2rem;
	}
	h6,
	.base-h6 {
		/* 20px */
		font-size: 1rem;
		line-height: 1.8rem;
	}
	p,
	.base-p {
		/* 16px */
		font-size: 1.131rem;
		line-height: 1.8rem;
		/* 16px */
		/* font-size: 1rem;
		line-height: 1.4rem; */
	}

	.base-small {
		/* 14px */
		font-size: 0.99rem;
		line-height: 1.5rem;
	}

	.base-xs {
		/* 12px */
		font-size: 0.85rem;
		line-height: 1.5rem;
	}

	.w-regular,
	.w-medium,
	.w-bold {
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 1366px) {

}

@media only screen and (min-width: 1400px) {

}

@media only screen and (min-width: 1600px) {

}
@media screen and (min-width: 1920px) {

}