@media screen and (max-width: 1440px) {
	
		
}
@media screen and (max-width: 1280px) {

	:root {
		/* Spaces Mobile */	

		--space-XXXXS: 3px;
		--space-XXXS: 6px;
		--space-XXS: 9px;
		--space-XS: 12px;
		--space-S: 18px;
		--space-M: 24px;
		--space-L: 30px;
		--space-XL: 36px;
		--space-XXL: 48px;
		--space-XXXL: 60px;
		--space-XXXXL: 72px;
		--space-XXXXXL: 72px;
		--space-XXXXXXL: 96px;
	}		
	
	body {			
		font-size: 16px;
		line-height: 150%; 	
	}
	
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}	
	
	.menu-mobile {
		display: none;
		width: 38px;
		height: 24px;	

		cursor: pointer;

		background-image: url('../images/icons/burger-nav.svg');	
		background-size: 38px auto;
		background-repeat: no-repeat;
		background-position: center; 

		margin-right: 50px;
	}

	header.negative .menu-mobile { 
		background-image: url('../images/icons/burger-nav-black.svg');	
	}

	
	
	main h1,
	main .h1 {		
		font-size: 54px;	
	}

	main h2,
	main .h2 {		
		font-size: 36px;	
	}

	main h3,
	main .h3 {		
		font-size: 22px;		
	}
	
	main h4,
	main .h4,
	footer h4,
	footer .h4 {		
		font-size: 20px;	
	}
	
	
	.button-content,
	.button-download {		
		font-size: 16px;		
		line-height: 20px;
		padding: var(--space-XS) var(--space-S);			
	}		
	.button-download {
		margin: 0;	
	}
	
	header div.logo	{
		width: 184px;
		margin-left: 50px;	
		padding: 0;		
	}	
	.menu-mobile {
		display: block;
	}
	
	header ul.nav-menu	{
		display: none;
		
	}
	header .wrap {
		flex-direction: row;		
	}
	
	.header-image-module {
		height: 70vh;
		aspect-ratio: 8/5;
		
	}
	.header-image-module > .wrap h1 {		
		max-width: 60%;
	}
	
	.intro-text-module .wrap {
		font-size: 32px;		
	}
	
	div.text-and-image-module .wrap {				
		padding: 8px 50px;		
	}

	div.text-and-image-module .wrap::before {	
		width: calc(100% - 258px);
		left: 208px;
		right: 50px;					
	}
	div.text-and-image-module.reverse .wrap::before {
		right: 208px;
		left: 50px;
	}
	
	
	
	div.text-and-image-module .col1 .text,
	div.text-and-image-module .col2 .text {	
		margin: 0 var(--space-XXXL);
	}
	div.text-and-image-module .text {
		font-size: 15px!important;
		line-height: 133%;
	}
	
	div.testimonial-module .col1 {
		width: 160px;
	}
	div.testimonial-module .col2 {
		width: calc(100% - 240px);	
	}
	
	div.testimonial-module .quote {
		font-size: 32px;
	}
	div.two-columns-module .text {	
		font-size: 14px;
	}
	
	div.two-columns-module .text .overtitle {		
		font-size: 20px;		
	}
	
	.owl-carousel .owl-item .image {
		height: auto;
		width: calc(75vw - 80px);
		display: flex;
		flex-direction: column;
		margin: 0 40px;
	}
	.owl-nav .owl-prev,
	.owl-nav .owl-next {
		width: calc((25vw - 80px) / 2);
	}
	.owl-carousel .owl-item .image span {
		max-width: 70%;
		font-size: 14px;
	}
	
	
	div.features-module .wrap {
		padding: 0 50px;
	}
	
	div.features-module .wrap .gallery {
		width: calc(100% / 3 * 2);
	}
	div.features-module .wrap .list {
		width: calc(100% / 3 );
	}
	
	div.features-module .wrap .list ul {		
		font-size: 14px;		
		line-height: 130%; /* 18.2px */
	}
	
	.text-module .wrap {	
		padding: 0 50px;
	}
	
	div.image-module .wrap > span {
		font-size: 14px;
		max-width: 100%;
	}
	div.image-module .wrap > img {
		margin-top: 0;
	}
	
	
	div.downloads-module ul.list li,
	div.downloads-module .notes {
		font-size: 14px;
	}
	
	div.links-module .wrap {
		padding: 0 50px;
	}
	
	div.links-module ul.list li {
		font-size: 16px;
		line-height: 20px;
	}
	
	div.links-module ul.list li a {		
		padding: calc(var(--space-XXS) + var(--space-XXXS)) 30px calc(var(--space-XXS) + var(--space-XXXS)) 0;
	
	}
	
	div.links-module ul.list li:hover::before {
		top: calc(var(--space-XS) + var(--space-XXS) - 13px);		
		width: 36px;
		height: 36px;
		
	}
	div.links-module ul.list li::before {		
		top: calc(var(--space-XS) + var(--space-XXS) + 13px);		
	}
	div.links-module ul.list li a::before,
	div.links-module ul.list li a::after	{
		width: 36px;	
		height: 36px;
		top: calc(var(--space-XS) + var(--space-XXS) - 13px);
	}
	
	
	div.contact-card-module .wrap {			
		max-width: 766px;
		padding: var(--space-M) 0 0 0;
	}
	div.contact-card-module .text {
		max-width: 370px;
	}
	
	div.contact-card-module .image {
		max-width: 290px;
	}
	div.contact-card-module .text,
	div.contact-card-module .c-name,
	div.contact-card-module .c-position {
		font-size: 14px;
	}
	
	
	
	footer .wrap,
	footer .wrapper.meta .wrap	{
		padding-left: 50px;
		padding-right: 50px;
	}
	
	footer .wrap .col:first-child {
		width: 48px;
		flex: 1 0 auto;
		margin-top: 0;
	}
	
	footer .wrap .col:nth-child(3n),
	footer .wrap .col:nth-child(4n),
	footer .wrapper.meta .wrap,
	footer .wrapper.meta .wrap > span	{
		font-size: 14px;
		line-height: 140%;
	}
	
	
}
@media screen and (max-width: 768px) {
	
	main h1,
	main .h1 {		
		font-size: 38px;		
		line-height: 105%;	
	}

	main h2,
	main .h2 {		
		font-size: 32px;		
		line-height: 105%;		
	}
	
	main h3,
	main .h3 {		
		font-size: 28px;	
	}
	
	
	header div.logo	{	
		margin-left: 20px;		
	}
	.menu-mobile {
		margin-right: 20px;
	}
	
	.header-image-module > .wrap h1 {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.heading-title {
		max-width: 100%;
		padding: 0 20px;
	}
	
	.intro-text-module {
		
	}
	
	.intro-text-module .wrap {
		max-width: 100%;
		padding: 0 20px;
	
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 115%; /* 27.6px */
		letter-spacing: 0.4px;
	}
	
	
	div.text-and-image-module .wrap {
		flex-direction: column;
		padding: 0 20px;
		padding-bottom: var(--space-M);
		
	}
	
	div.text-and-image-module.reverse .wrap {
		flex-direction: column-reverse;
		padding-bottom: var(--space-M);
	}
	
	div.text-and-image-module .wrap::before,
	div.text-and-image-module.reverse .wrap::before	{
		width: calc(100% - 40px);
		height: auto;
		top: 116px;
		left: 20px;
		right: 20px;
		
	}
	div.text-and-image-module .col1,
	div.text-and-image-module .col2 {
		width: 100%;
	}
	div.text-and-image-module .col1 .image,
	div.text-and-image-module .col2 .image {
		width: 100%;
		padding: 20px;
	}
	div.text-and-image-module .col1 .text,
	div.text-and-image-module .col2 .text {
		margin: 0 var(--space-L);
	}
	
	div.testimonial-module .wrap {
		flex-direction: column-reverse;
		width: 100%;
		max-width: 100%;
		padding: 0 20px;	
	}
	div.testimonial-module .col1,
	div.testimonial-module .col2 {
		width: 100%;
		padding: var(--space-M) 0 var(--space-L);
	}
	div.testimonial-module .quote {		
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 115%;
		letter-spacing: 0.4px;
		
	}
	
	div.testimonial-module .image {	
		flex-direction: row;
		align-items: flex-start;
	}
	
	div.testimonial-module .image img {	
		margin-right: var(--space-S);
		max-width: 100px;
	}
	div.testimonial-module .image .q-name {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 130%; /* 18.2px */
	}
	div.testimonial-module .image .q-position {
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 140%; /* 19.6px */
		letter-spacing: 0.4px;
	}
	
	
	div.two-columns-module .wrap {
		max-width: 100%;
		padding: 0 20px;
		flex-direction: column;
	}
	
	div.two-columns-module.reverse .wrap {
		flex-direction: column-reverse;
	}
	
	div.two-columns-module .col {
		width: 100%;
		justify-content: flex-start;
	}
	div.two-columns-module .col1 .text, 
	div.two-columns-module .col1 .image {
		max-width: 100%;
	}
	
	div.two-columns-module .col2,
	div.two-columns-module.reverse .col1	{
		padding-top: var(--space-S);
	}
	
	
	.owl-carousel .owl-item .image {
		height: auto;
		width: calc(85vw - 10px);		
		margin: 0 5px;
	}
	.owl-carousel .owl-item .image span {
		max-width: 100%;				
	}
	
	.owl-nav .owl-prev, .owl-nav .owl-prev,
	.owl-nav .owl-prev, .owl-nav .owl-next {
		width: calc((15vw - 10px) / 2);
	}
	
	div.features-module .wrap {
		padding: 0 20px;
		flex-direction: column;
	}
	
	div.features-module .wrap .gallery,
	div.features-module .wrap .list {
		width: 100%;
	}
	
	div.features-module .wrap .gallery .image {			
		max-height: calc(100vw - 40px);
	}

	div.features-module .wrap .gallery .image.half {		
		/* aspect-ratio: 1/1;	 */
		position: relative;	
		max-height: calc((100vw - 48px) / 2);
	}
	div.features-module .wrap .gallery .image.half::before {
		content: "";
		display: block;
		padding-top: 100%;
    }
	

	div.features-module .wrap .gallery .image img {		
		width: 100%;
		height: auto;
	} 
	div.features-module .wrap .gallery .image.half img {		
		width: auto;
		height: 100%;
	}
	
	div.features-module .wrap .gallery .image span {
		left: var(--space-S);
		bottom: var(--space-S);
	}
	
	div.features-module .wrap .gallery .image span > * {
		margin-bottom: 0;
	}
	
	div.features-module .wrap .list {
		padding: 0;
		margin-top: var(--space-XL);	
	}
	
	
	.text-module .wrap {
		padding: 0 20px;
	}
	
	div.image-module .wrap {
		padding: 0 20px
	}
	
	
	
	div.downloads-module .wrap {
		padding: 0 20px;
	}
	
	div.downloads-module ul.list li {
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: flex-end;
		
	}
	div.downloads-module .col1 {
		width: 80px;
	}
	div.downloads-module .col2 {
		width: calc(100% - 80px - var(--space-XS));		
		margin: 0;
	}
	div.downloads-module .col3 {	
		margin: var(--space-XS) 0;
	}

	div.links-module .wrap {
		padding: 0 20px;
	}
	
	div.contact-card-module  {
		padding: 0 20px;
	}
	div.contact-card-module .wrap {
		flex-direction: column;
	}
	div.contact-card-module .col1,
	div.contact-card-module .col2 {
		width: 100%;
		justify-content: flex-start;
	}
	div.contact-card-module .image {
		max-width: 200px;
		margin-bottom: var(--space-S);
	}
		
	footer .wrap {
		flex-direction: column;
		padding: var(--space-XXXL) 20px var(--space-XXL);
	}
	footer .wrapper.meta .wrap {
		padding: var(--space-XL) 20px var(--space-XL);
		align-items: center;
	}
	footer .wrap .col {
		width: 100%;
		margin: 0 0 var(--space-L);		
	}
	footer .wrap .col:first-child {
		width: 100%;
		margin: 0 0 var(--space-M);		
	}
	footer .wrap .col:nth-child(2n) {
		font-size: 14px;
		line-height: 140%;
	}
	
	footer .wrapper.meta .wrap .links {
		display: flex;	
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin: var(--space-L) 0 0;
	}
	
	footer .wrapper.meta .wrap .links a {
		margin: calc(var(--space-S) / 2);
	}
	
	
	.iframes-module {
		margin: calc(var(--space-XXXXL)) auto 0;
	}
	
	
	
	.iframes-tabs {
		margin-bottom: var(--space-XS);
		
	}	
	
	.iframes-tabs .wrap {		
		flex-direction: column;		
		display: none;
	}
	.iframes-tabs.open .wrap {
		display: flex;
	}
	.iframes-tabs > span {
		display: block;		
	}
	.iframes-tabs > span, 
	.iframes-tabs .tablink {
		text-align: left;
		padding: var(--space-XS) 20px;
		background: transparent;
	}
	
	.iframes-tabs .tablink p {
		display: none;
	}
	
	.iframes-tabs .tablink.active {
		display: none;		
	}
	
	.iframes-tabs .tablink h4,
	.iframes-tabs span h4 {
		margin-bottom: 0;
	}
	.iframes-tabs > span {
		position: relative;
	}
	
	.iframes-tabs > span:after {
		content:'';
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 24px;
		height: 24px;
		display: block;
		
		background-image: url('../images/icons/select.svg');
		background-position: center;
		background-size: auto;
		background-repeat: no-repeat;

	}
	
	.iframes-tabs.open > span:after {
		transform: rotate(180deg);
	}
	
	
}

@media screen and (max-width: 640px) {
	.header-image-module {
		height: 70vh;
		aspect-ratio: 5/8;
		overflow: hidden;
	}
}






/***  Mobile Navigation ***/

 /* The Overlay (background) */
.overlay {	
	height: 100%;
	width: 100%;
	position: relative;  
	z-index: -1; 
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: var(--Interface-Basics-BG-Light);
	overflow-x: hidden; 
	transition: 0.5s; 
	opacity: 0;
	position: fixed;

}

.overlay.active {
	opacity: 1;
	z-index: 3000;
	
}

.overlay .logo {
	margin: 33px 20px var(--space-S);	
	width: 184px;
	height: 24px;
}
.overlay .logo img {
	width: 100%;
	height: auto;
}

.overlay-content {
	position: relative;
	top: 0; 
	width: 100%; 
	padding: var(--space-L) var(--space-L) var(--space-XXXXL) var(--space-L);
	padding: var(--space-L) var(--space-L) var(--space-XXXXL) var(--space-L);

	max-width: 452px;
	margin: auto;
}

.overlay-content a.nav {
	color: var(--color-text-base);

	font-family: "contralto-medium",sans-serif; 
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 28.6px */
	letter-spacing: normal;
	
	display: block;
	
	padding: var(--space-S) 0px;
	border-top: 1px solid var(--Interface-Basics-Line-Medium);
	
	text-decoration: none;
}
.overlay-content a.nav.active {
	color: var(--Brand-Colors-Accent-Rollover);
}
.overlay-content ul li a { 
	text-decoration: none; 
	color: var(--color-text-base);

	font-family: "Roboto";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%; /* 19.6px */
	letter-spacing: 0.4px;
	
	display: block;
	width: 100%;
	padding: var(--Space-XXS, 9px) 0px;
	
	border-top: 1px solid var(--Interface-Basics-Line-Light);

}

.overlay-content ul li a { 

}

.overlay-content ul li.active a {
	color: var(--Brand-Colors-Accent-Rollover);
} 

.overlay-content details {
	width: 100%;
	margin: 0;
}
.overlay-content details[open] {	
}


.overlay-content details[disabled] summary:after{
	background: none;
}



.overlay-content details[open] summary a.nav {
	
}


.overlay .closebtn {
	position: absolute;
	top: var(--space-L);
	right: 20px;
	font-size: 30px;
	text-decoration: none;

	width: 38px;
	height: 24px;

	background-image: url('../images/icons/menu-close.svg');
	background-size: 38px auto;
	background-repeat: no-repeat;
	background-position: center;
}

.overlay-content details summary::-webkit-details-marker,
.overlay-content details summary::marker {
	display: none; 
	content: "";
}

.overlay-content details summary {
	display:block;
	position: relative;
	cursor: pointer;
}

.overlay-content details summary:after {
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	display: block;
	
	background-image: url('../images/icons/select.svg');
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;

}


.overlay-content details[open] summary:after {
	transform: rotate(180deg);
}