@media screen and (max-width: 1680px) {
	:root {
		--headerHeight: 36px;
	}
}

@media screen and (max-width: 1440px) {
	.small-text {
		letter-spacing: 1.8px;
	}
}

@media screen and (max-width: 1280px) {
	footer .columns .column:first-child {
		width: calc((100% / 12) * 1.7);
	}
	
	footer .columns .column:last-child {
		width: calc((100% / 12) * 10.3);
	}
}

@media only screen and (max-width: 1024px) {
	:root {
		--lateralMargin: 16px;
		--headerHeight: 51px;
	}

	/* TEXT */
	.title-l {
		font-size: 34px;
		line-height: 1;
		letter-spacing: 11px;
	}

	.title-s {
		font-size: 24px;
		letter-spacing: 6px;
	}

	.quote {
		font-size: 32px;
	}

	.body-l {
		font-size: 32px;
		line-height: 125%;
	}
	
	.body-s {
		font-size: 20px;
	}

	.small-text {
		font-size: 12px;
		letter-spacing: 2px;
	}

	.cta {
		font-size: 12px;
		letter-spacing: 2px;
		padding: 0px 27px 0px 31px;
		height: 34px;
	}
	
	/* HEADER */
	header {
		z-index: 100001;
	}

	.hamburger-menu {
		position: absolute;
		display: block;
		width: 100%;
		height: 100vh;
		background: var(--color01);
		top: 0px;
		left: 0px;
		transform: translate(0,-100%);
		overflow: hidden;
	}
	.menu-opened .hamburger-menu {
		transform: translate(0,0%);
	}

	header .hamburger-menu .hamburger-menu-wrapper {
		position: relative;
		display: block;
		width: 100%;
		/*height: calc(100vh - var(--headerHeight) );*/
		height: calc( (var(--vh, 1vh) * 100) - var(--headerHeight) );
		
		margin-top: var(--headerHeight);
		border-top: 1px solid #fff;
		overflow: hidden;
	}

	header .hamburger-menu .hamburger-menu-inner {
		position: relative;
		display: block;
		width: 100%;
		/*height: calc(100vh - var(--headerHeight) );*/
		height: calc( (var(--vh, 1vh) * 100) - var(--headerHeight) );
		overflow: scroll;
		-ms-overflow-style: none;
  		scrollbar-width: none;
	}

	header .hamburger-menu .hamburger-menu-wrapper .inner {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		opacity: 0;
	}

	.menu-opened header .hamburger-menu .hamburger-menu-wrapper .inner {
		opacity: 1;
		transition: opacity .4s ease;
		-webkit-transition: opacity .4s ease;
		-moz-transition: opacity .4s ease;
		-o-transition: opacity .4s ease;
		transition-delay: .3s;
	}

	header .hamburger-nav ul {
		position: relative;
		display: block;
		width: 100%;
	}

	header .hamburger-nav ul li {
		position: relative;
		display: flex;
		width: 100%;
		text-align: center;
		padding: 11px var(--lateralMargin) 62px calc(var(--lateralMargin) + 10px);
		border-bottom: 1px solid #fff;
		color: #fff;
		line-height: 42px;
		justify-content: center;
	}

	header .hamburger-nav ul li a {
    	display: block;
		max-width: 370px;
		color: #fff;
	}

	header .hamburger-menu .item {
		position: relative;
		display: flex;
		width: 100%;
		height: 58px;
		border-bottom: 1px solid #fff;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-family: 'centurysupremeLL-book';
		font-size: 12px;
    	letter-spacing: 2px;
		text-transform: uppercase;
	}
	header .hamburger-menu .item a {
		color: #fff;
	}

	header .hamburger-menu .icon-wrapper {
		position: relative;
		display: flex;
		justify-content: center;
	}

	header .hamburger-menu .icon-wrapper svg {
		position: relative;
		display: block;
		fill: #fff;
		width: 60px;
		height: 70px;
		margin: 24px 0;
	}

	header .hamburger-menu .hamburger-languages-wrapper {
		position: relative;
		display: block;
		width: 100%;
		height: 58px;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-family: 'centurysupremeLL-book';
		font-size: 12px;
    	letter-spacing: 2px;
		text-transform: uppercase;
	}

	header .hamburger-menu .hamburger-languages-wrapper ul {
		position: relative;
		display: flex;
		width: 100%;
		height: 58px;
	}

	header .hamburger-menu .hamburger-languages-wrapper ul li {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		list-style: none;
		justify-content: center;
	}

	header .hamburger-menu .hamburger-languages-wrapper ul li a {
		width: 33.33vw;
	}
	
	header .hamburger-menu .hamburger-languages-wrapper ul.wpml-ls-sub-menu {
		width: 66.66vw;
	}

	header .hamburger-menu .hamburger-languages-wrapper ul.wpml-ls-sub-menu li {
		width: 50%;
		border-left: 1px solid #fff;
	}

	header .hamburger-menu .hamburger-languages-wrapper ul li.wpml-ls-sub-menu a {
		width: 100%;
	}

	header .hamburger-menu .hamburger-languages-wrapper a {
		color: #fff;
	}

	.menu-opened header {
		background-color: var(--color01);
	}

	.menu-opened header .logo svg {
		fill: #fff;
	}

	header .logo {
		transform: translate(-50%,-50%);
		left: 50%;
		height: 19px;
	}

	header .nav-wrapper {
		display: none;
	}

	#hamburger {
		display: block;
		position: fixed;
		z-index: 100;
		right: 16px;
		top: 15px;
		width: 24px;
		height: 20px;
	}

	#hamburger:after,
	#hamburger:before {
		position: absolute;
		content: '';
		width: 24px;
		height: 2px;
		background-color: black;
		display: block;
	}

	#hamburger:before {
		margin-top: 6px;
	}

	#hamburger:after {
		margin-top: 10px;
	}

	.toggleMenu span {
		margin: 0 auto;
		position: relative;
		top: 9px;
	}

	.toggleMenu span:before, 
	.toggleMenu span:after {
		position: absolute;
		content: '';
	}

	.toggleMenu span {
		width: 24px;
		height: 2px;
		display: block;
	}

	/*.toggleMenu span,*/
	.toggleMenu span:before, 
	.toggleMenu span:after {
		width: 24px;
		height: 2px;
		background-color: black;
		display: block;
	}

	.toggleMenu span:before {
		margin-top: -9px;
	}

	.toggleMenu span:after {
		margin-top: 9px;
	}

	.toggleMenu span,
	#hamburger:after,
	#hamburger:before {
		-webkit-transition-duration: 0s;
		-webkit-transition-delay: .05s;
		-moz-transition-duration: 0s;
		-moz-transition-delay: .05s;
	}

	.menu-opened #hamburger:after,
	.menu-opened #hamburger:before,
	.menu-opened .toggleMenu span {
		background-color: rgba(0,0,0,0.0) !important;
		-webkit-transition-delay: .1s;
		-moz-transition-delay: .1s;
	}

	.toggleMenu span:before {
		-webkit-transition-property: margin, -webkit-transform;
		-webkit-transition-duration: .1s;
		-webkit-transition-delay: .1s, 0;
		-moz-transition-property: margin, -webkit-transform;
		-moz-transition-duration: .1s;
		-moz-transition-delay: .1s, 0;
	}

	.menu-opened .toggleMenu span:before {
		background: white !important;
		margin-top: 0;
		-webkit-transform: rotate(45deg);
		-webkit-transition-delay: 0, .1s;
		-moz-transform: rotate(45deg);
		-moz-transition-delay: 0, .1s;
	}

	.toggleMenu span:after {
		-webkit-transition-property: margin, -webkit-transform;
		-webkit-transition-duration: .1s;
		-webkit-transition-delay: .1s, 0;
		-moz-transition-property: margin, -webkit-transform;
		-moz-transition-duration: .1s;
		-moz-transition-delay: .1s, 0;
	}

	.menu-opened .toggleMenu span:after {
		background: white !important;
		margin-top: 0;
		-webkit-transform: rotate(-45deg);
		-webkit-transition-delay: 0, .1s;
		-moz-transform: rotate(-45deg);
		-moz-transition-delay: 0, .1s;
	}


	/* FOOTER */
	footer {
		display: none;
	}


	/* COOKIES POPUP */
	.cmplz-cookiebanner {
		left: 16px !important;
		right: auto !important;
		bottom: 16px !important;
		width: calc(100% - 32px) !important;
		border-radius: 18px !important;
		max-width: none !important;
	}

	.cmplz-cookiebanner .cmplz-buttons {
		column-gap: 10px !important;
	}

	.cmplz-cookiebanner .cmplz-message {
		font-size: 20px !important;
		line-height: 125% !important;
		width: calc(100% - 60px) !important;
		min-width: auto !important; 
	}

	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
		padding: 0px 30px !important;
		height: 36px !important;
		font-size: 12px !important;
	}

	.cmplz-cookiebanner .cmplz-categories {
		width: calc(100% - 40px) !important;
		min-width: auto !important;
	}

	.cmplz-cookiebanner .cmplz-buttons {
		position: relative !important;
	}


	/* NEWSLETTER POPUP */
	.newsletter-modal {
		width: calc(100% - 32px);
	}

    .newsletter-modal .newsletter-form-inner input[type="submit"] {
        font-size: 12px;
        width: 108px;
        height: 34px;
        padding: 0px 0px 0px 4px;
    }

	.newsletter-modal .newsletter-form-inner input[type="text"], 
	.newsletter-modal .newsletter-form-inner input[type="tel"], 
	.newsletter-modal .newsletter-form-inner input[type="email"] {
		font-size: 20px;
	}
}


@media only screen and (max-width: 740px) {
	.title-l {
		font-size: 33px;
		line-height: 1;
		letter-spacing: 10px;
	}

	.cta {
		font-size: 12px;
		letter-spacing: 2px;
		padding: 0px 25px 0px 26px;
		height: 34px;
	}

	/* NEWSLETTER POPUP */
	.newsletter-modal {
		top: 50%;
	}
}

@media only screen and (max-width: 650px) {
	/* COOKIES POPUP */
	.cmplz-cookiebanner .cmplz-buttons {
		flex-wrap: wrap-reverse !important;
		flex-direction: row-reverse !important;
	}

	.cmplz-cookiebanner {
		padding-bottom: 10px !important;
		padding-top: 6px !important;
	}

	.cmplz-cookiebanner .cmplz-categories,
	.cmplz-cookiebanner .cmplz-message {
		width: 100% !important;
	}

	.cmplz-cookiebanner .cmplz-categories {
		padding-top: 14px !important;
	}

	.cmplz-cookiebanner .cmplz-message {
		margin-right: 0px !important;
		padding-right: 16px !important;
	}
}

@media only screen and (max-width: 550px) {
	/* NEWSLETTER POPUP */
	.newsletter-modal {
		flex-flow: column;
		top: calc(var(--headerHeight) + 16px);
  		transform: translate(-50%,0%);
	}

	.newsletter-modal .column-text {
		width: calc(100% - 20px);
	}

	.newsletter-modal .column-form {
		width: 100%;
		padding: 16px 0px 0px 0px;
	}

	.newsletter-modal .newsletter-form-inner input[type="text"], 
	.newsletter-modal .newsletter-form-inner input[type="tel"], 
	.newsletter-modal .newsletter-form-inner input[type="email"] {
		margin-bottom: 18px;
	}

	.newsletter-modal .newsletter-form-inner #mc_embed_signup div.mce_inline_error {
		bottom: 3px;
	}

	.newsletter-modal .newsletter-form-inner input[type="submit"] {
		margin: 69px 0 12px;
	}

	.newsletter-modal .newsletter-form-inner #mce-responses {
		font-size: 20px;
		line-height: 125%;
		margin-top: 3px;
	}

	/*
	header .hamburger-nav ul li {
		font-size: 22px;
	}
	*/
}