/* --- basics --- */

	*{
		box-sizing: border-box;
	}
	
	html{
		height: 100%;
		margin: 0px;
		padding: 0px;
		scroll-behavior: smooth;
	}
	
	.fixed{ position: fixed; }
	.absolute{ position: absolute; }
	.absolute-top-left { position: absolute; top: 0px; left: 0px;}
	.absolute-top-right { position: absolute; top: 0px; right: 0px;}
	.relative{ position: relative; }
	.inline-block{ display: inline-block; }
	.hidden{ display: none; }
	.visible{ display: block; }
	.no-wrap{ white-space: nowrap; }
	.overflow-auto{ overflow: auto; }
	.width-10pct{ width: 10%; }
	.width-20pct{ width: 20%; }
	.width-30pct{ width: 30%; }
	.width-40pct{ width: 40%; }
	.width-50pct{ width: 50%; }
	.width-60pct{ width: 60%; }
	.width-70pct{ width: 70%; }
	.width-80pct{ width: 80%; }
	.width-90pct{ width: 90%; }
	.width-100pct{ width: 100%; }
	.backdrop-blur{ 
		backdrop-filter: blur(1px) brightness(76%); 
	}

	.padded-bottom-responsive, .padded-bottom-low-responsive{
		padding-bottom: 0px;
	}

	ul{ margin-left: 20px; list-style-type: disc; }  

	.position-bottom-left{
		position: absolute;
		bottom: 0px;
		left: 0px;
	}

	.position-top-left{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.position-top-vh{
		position: absolute;
		top: 30vh;
		left: 0px;
	}

	.content-centered{
		display: flex;
		justify-content: center;
		align-items: center; 
	}

	.float-left{
		float: left;
	}

	.float-right{
		float: right;
	}
	
	.bg-covered-top{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.bg-covered-bottom{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	.bg-covered-center{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.hero{
		height: 92vh;
	}

	.hero .arrow-down{
		position: absolute;
		top: 22vh;
		width:100%;
		text-align: center;
	}

	.hero .arrow-down img{
		width: 24px;
	}

	.hero-gap{
		height: 72vh;
	}

	.tiny-hero{
		height: 64vh;
	}

	.tiny-hero-gap{
		height: 32vh;
	}

	.little-hero{
		height: 71vh;
	}

	.little-hero-gap{
		height: 50vh;
	}

	.mini-hero{
		height: 33vh;
	}

	.mini-hero-gap{
		height: 34vh;
	}
	
	.square{
		width: 100%;
	}
	
	.square:after{
		content: '';
		display: block;
		padding-bottom: 100%;
	}

	.thumbnail{
		height: 37vh;
	}

	.rectangle{
		width: 100%;
	}
	
	.rectangle:after{
		content: '';
		display: block;
		padding-bottom: 80%;
	}

	.half-width-image{
		width: 100%;
	}
	
	.text-left, .text-left-to-center{ text-align: left; }
	.text-right, .text-right-to-center{ text-align: right; }
	.text-center{ text-align: center; }



	/* --- padding --- */

	.margin-b0{
		margin-bottom: 4px;
	}

	.margin-l0{
		margin-left: 4px;
	}

	.margin-r0{
		margin-right: 4px;
	}
	
	.padded-1{
		padding: 8px;
	}
	
	.padded-l1{
		padding-left: 8px;
	}
	
	.padded-r1{
		padding-right: 8px;
	}
	
	.padded-t1{
		padding-top: 8px;
	}
	
	.padded-b1{
		padding-bottom: 8px;
	}
	
	.padded-2{
		padding: 16px;
	}
	
	.padded-l2{
		padding-left: 16px;
	}
	
	.padded-r2{
		padding-right: 16px;
	}
	
	.padded-t2{
		padding-top: 16px;
	}
	
	.padded-b2{
		padding-bottom: 16px;
	}
	
	.padded-3{
		padding: 24px;
	}
	
	.padded-l3{
		padding-left: 24px;
	}
	
	.padded-r3{
		padding-right: 24px;
	}
	
	.padded-t3{
		padding-top: 24px;
	}
	
	.padded-b3{
		padding-bottom: 24px;
	}
	
	.padded-4{
		padding: 32px;
	}
	
	.padded-l4{
		padding-left: 32px;
	}
	
	.padded-r4{
		padding-right: 32px;
	}
	
	.padded-t4{
		padding-top: 32px;
	}
	
	.padded-b4{
		padding-bottom: 32px;
	}
	
	.padded-5{
		padding: 40px;
	}
	
	.padded-l5{
		padding-left: 40px;
	}
	
	.padded-r5{
		padding-right: 40px;
	}
	
	.padded-t5{
		padding-top: 40px;
	}
	
	.padded-b5{
		padding-bottom: 40px;
	}
	
	.padded-6{
		padding: 48px;
	}
	
	.padded-l6{
		padding-left: 48px;
	}
	
	.padded-r6{
		padding-right: 48px;
	}
	
	.padded-t6{
		padding-top: 48px;
	}
	
	.padded-b6{
		padding-bottom: 48px;
	}
	
	.padded-7{
		padding: 56px;
	}
	
	.padded-l7{
		padding-left: 56px;
	}
	
	.padded-r7{
		padding-right: 56px;
	}
	
	.padded-t7{
		padding-top: 56px;
	}
	
	.padded-b7{
		padding-bottom: 56px;
	}

	.padded-9{
		padding: 72px;
	}
	
	.padded-l9{
		padding-left: 72px;
	}
	
	.padded-r9{
		padding-right: 72px;
	}
	
	.padded-t9{
		padding-top: 72px;
	}
	
	.padded-b9{
		padding-bottom: 72px;
	}

	.padded-t10{
		padding-top: 80px;
	}
	
	.padded-b10{
		padding-bottom: 80px;
	}

	.padded-t12{
		padding-top: 96px;
	}

	.padded-r12{
		padding-right: 96px;
	}

	.padded-r14{
		padding-right: 112px;
	}
	
	/* bg */

	.bg-white{
		background-color: #F7F7F0;
	}
	
	.bg-olive-soft{
		background-color: #F7F7F0;
	}

	.bg-olive{
		background-color: #9b9b89;
	}
	
	.bg-brown-soft{
		background-color: #f7f3f1;
	}

	.bg-brown-dark{
		background-color: #241712;
	}

	.bg-brown-dark-opaque{
		background-color: #241712;
		opacity: 0.78;
	}

	.bg-brown-faded{
		background: rgb(36,23,18);
		background: -moz-linear-gradient(0deg, rgba(36,23,18,0) 50%, rgba(36,23,18,0.8169642857142857) 100%);
		background: -webkit-linear-gradient(0deg, rgba(36,23,18,0) 50%, rgba(36,23,18,0.8169642857142857) 100%);
		background: linear-gradient(0deg, rgba(36,23,18,0) 50%, rgba(36,23,18,0.8169642857142857) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#241712",endColorstr="#241712",GradientType=1);	
	}

	.bg-brown-transparent{ 
		background: rgb(36,23,18);
		background: -moz-linear-gradient(90deg, rgba(36,23,18,0.5) 0%, rgba(36,23,18,0.5) 100%);
		background: -webkit-linear-gradient(90deg, rgba(36,23,18,0.5) 0%, rgba(36,23,18,0.5) 100%);
		background: linear-gradient(90deg, rgba(36,23,18,0.5) 0%, rgba(36,23,18,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#241712",endColorstr="#241712",GradientType=1);
	}

	form{
		padding: 0px;
		margin: 0px;
	}
	
	/* text */

	h1{
		font-size: 48px;
		line-height: 56px;
		letter-spacing: -0.01em;
	}

	h2{
		font-size: 29px;
		line-height: 40px;
	}

	.text-capped-wide{
		text-transform: uppercase;
		letter-spacing: 0.10em;
	}

	.text-small{
		font-size: 13px;
		line-height: 24px;
	}

	.text-regular{
		font-size: 17px;
		line-height: 32px;
	}

	.text-large{
		font-size: 18px;
		line-height: 32px;
	}

	.text-extra-large{
		font-size: 21px;
		line-height: 40px;
	}

	.text-xxl{
		font-size: 26px;
		line-height: 32px;
	}

	.text-huge{
		font-size: 38px;
		line-height: 32px;
	}
	
	.text-olive-soft{
		color: #f7f7f0;
	}
	
	.text-olive-light{
		color: #9b9b89;
	}
	
	.text-olive-medium{
		color: #64643f;
	}
	
	.text-olive-dark{
		color: #555534;
	}
	
	.text-brown-soft{
		color: #f7f3f1;
	}
	
	.text-brown{
		color: #271f14;
	}

	.text-shadow{
		text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.8);
	}
	
	.petrona-extra-light{
		font-family: 'Petrona', serif;
		font-weight: 200;
		letter-spacing: -0.02em;
	}
	
	.petrona-light{
		font-family: 'Petrona', serif;
		font-weight: 300;
		letter-spacing: -0.02em;
	}
	
	.petrona-regular{
		font-family: 'Petrona', serif;
		font-weight: 400;
		letter-spacing: -0.02em;
	}

	.petrona-medium{
		font-family: 'Petrona', serif;
		font-weight: 500;
		letter-spacing: -0.02em;
	}

	.petrona-semi-bold{
		font-family: 'Petrona', serif;
		font-weight: 600;
		letter-spacing: -0.02em;
	}

	.petrona-extra-bold{
		font-family: 'Petrona', serif;
		font-weight: 800;
		letter-spacing: -0.04em;
	}

	.poppins-extra-light{
		font-family: 'Poppins', serif;
		font-weight: 200;
		letter-spacing: -0.02em;
	}

	.poppins-light{
		font-family: 'Poppins', serif;
		font-weight: 300;
		letter-spacing: -0.02em;
	}

	.poppins-regular{
		font-family: 'Poppins', serif;
		font-weight: 400;
		letter-spacing: -0.02em;
	}

	.poppins-semi-bold{
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: -0.02em;
	}


	/* links */

	a.responsive:link, a.responsive:visited, a.responsive:active{
		color: #f7f3f1;
		letter-spacing: -0.022em;
		font-size: 36px;
		font-weight: 200;
		line-height: 40px;
		text-decoration: none;
		padding-bottom: 1px;
		transition: border-bottom 200ms;
		transition: padding-right 100ms;
		outline: none;
	}

	a.responsive:hover{
		color: #f7f3f1;
		text-decoration: none;
		border-bottom: 1px solid #f7f3f1;
		padding-right: 16px;
		padding-bottom: 1px;
		transition: border-bottom 200ms;
		transition: padding-right 100ms;
		outline: none;
	}

	a.thick-underline:link, a.thick-underline:visited, a.thick-underline:active{
		color: #271c0b;
		text-decoration: none;
		border-bottom: 1px solid #9b9b89;
		padding-bottom: 1px;
		transition: border-bottom 50ms;
	}

	a.thick-underline:hover{
		color: #271c0b;
		text-decoration: none;
		border-bottom: 2px solid #271c0b;
		padding-bottom: 1px;
		transition: border-bottom 50ms;
	}

	a.fat-underline:link, a.fat-underline:visited, a.fat-underline:active{
		color: #271f14;
		text-decoration: none;
		border-bottom: 1px solid #64643f;
		padding-bottom: 1px;
		transition: border-bottom 200ms;
		transition: padding-bottom 200ms;
	}

	a.fat-underline:hover{
		color: #271f14;
		text-decoration: none;
		border-bottom: 2px solid #271f14;
		padding-bottom: 1px;
		transition: border-bottom 200ms;
		transition: padding-bottom 200ms;
	}

	a.no-underline:link, a.no-underline:visited, a.no-underline:active{
		color: #271c0b;
		text-decoration: none;
	}

	a.no-underline:hover{
		color: #271c0b;
		text-decoration: none;
		border-bottom: 2px solid #271c0b;
		padding-bottom: 1px;
	}

	a.btn-olive-back:link, a.btn-olive-back:visited, a.btn-olive-back:active{
		margin-left: -18px;
		border-bottom: 1px solid #64643f;
		padding: 18px 18px 16px 0px;
		color:#64643f;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.04em;
		transition: background-color 240ms;
	}

	a.btn-olive-back:hover, a.btn-olive-back-active:link, a.btn-olive-back-active:visited, a.btn-olive-back-active:active, a.btn-olive-back-active:hover{
		margin-left: -18px;
		border-bottom: 1px solid #64643f;
		padding: 18px 18px 16px 0px;
		color:#64643f;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.04em;
		transition: background-color 240ms;
	}

	a.btn-olive:link, a.btn-olive:visited, a.btn-olive:active{
		background-color: #9b9b89;
		padding: 18px 24px 16px 24px;
		color:#f7f7f0;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
		border-radius: 4px;
	}

	a.btn-olive:hover, a.btn-olive-active:link, a.btn-olive-active:visited, a.btn-olive-active:active, a.btn-olive-active:hover{
		background-color: #64643f;
		padding: 18px 24px 16px 24px;
		color:#f7f7f0;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
		border-radius: 4px;
	}

	a.btn-olive-transparant:link, a.btn-olive-transparant:visited, a.btn-olive-transparant:active{
		background-color: #ebebe2;
		border: 1px solid #ebebe2;
		padding: 18px 24px 16px 24px;
		color:#64643f;
		border-radius: 4px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
	}

	a.btn-olive-transparant:hover, a.btn-olive-active:link, a.btn-olive-active:visited, a.btn-olive-active:active, a.btn-olive-active:hover{
		background-color: #64643f;
		border: 1px solid #64643f;
		padding: 18px 24px 16px 24px;
		color:#f7f7f0;
		border-radius: 4px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
	}

	a.btn-brown-transparant:link, a.btn-brown-transparant:visited, a.btn-brown-transparant:active{
		background-color: #ebebe2;
		border: 1px solid #ebebe2;
		padding: 18px 24px 16px 24px;
		color:#64643f;
		border-radius: 4px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
	}

	a.btn-brown-transparant:hover, a.btn-brown-active:link, a.btn-brown-active:visited, a.btn-brown-active:active, a.btn-brown-active:hover{
		background-color: #64643f;
		border: 1px solid #64643f;
		padding: 18px 24px 16px 24px;
		color:#f7f7f0;
		border-radius: 4px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 15px;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.05em;
		transition: background-color 240ms;
	}

	a.btn-brown:link, a.btn-brown:visited, a.btn-brown:active{
		background-color: #271c0b;
		padding: 18px 24px 16px 24px;
		color:#f7f3f1;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.03em;
		transition: background-color 240ms;
	}

	a.btn-brown:hover{
		background-color: #271c0b;
		transition: background-color 240ms;
	}

	a.olive-soft:link, a.olive-soft:visited, a.olive-soft:active, a.olive-soft:hover{
		color:#f7f3f1;
		text-decoration: none;
	}

	a.filter-tab:link, a.filter-tab:visited, a.filter-tab:active{
		padding: 6px 12px;
		margin-right: 4px;
		background-color: #F7F7F0;
		border: 1px solid #dfdfd9;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 600;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.035em;
		color: #555534;
	} 

	a.filter-tab:hover, a.filter-tab-active:link, a.filter-tab-active:visited, a.filter-tab-active:active{
		padding: 6px 12px;
		margin-right: 4px;
		background-color: #FFF;
		border: 1px solid #c0c0bb;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-decoration: none;
		font-weight: 600;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.035em;
		color: #555534;
		background-color: #FFF;
		-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08); 
		box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08);
	} 

	.btn-submit, .btn-submit, .btn-submit{
		background-color: #64643f;
		padding: 16px 48px;
		color:#f7f7f0;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'Poppins', serif;
		font-weight: 600;
		letter-spacing: 0.03em;
		transition: background-color 240ms;
		border: none;
	}

	.btn-submit:hover{
		background-color: #64643f;
		transition: background-color 240ms;
	}

	.inputfield, .textarea{
		background-color: #FFF;
		color: #555534;
		padding: 8px 16px 6px 16px;
		border: 1px solid #dfdfd9;
		font-family: 'Poppins', serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.02em;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		outline: none;
		width: 100%;
	}

	.inputfield:hover, .textarea:hover{
		border: 1px solid #dfdfd9;
	}

	.inputfield-half{
		background-color: #FFF;
		color: #555534;
		padding: 8px 16px 6px 16px;
		border: 1px solid #dfdfd9;
		font-family: 'Poppins', serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.02em;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		outline: none;
		width: 50%;
	}

	.inputfield-half:hover{
		border: 1px solid #dfdfd9;
	}

	.inputfield-quarter{
		background-color: #FFF;
		color: #555534;
		padding: 8px 16px 6px 16px;
		border: 1px solid #dfdfd9;
		font-family: 'Poppins', serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.02em;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		outline: none;
		width: 25%;
	}

	.inputfield-quarter:hover{
		border: 1px solid #dfdfd9;
	}

	.inputlabel{
		color: #555534;
		font-family: 'Poppins', serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.02em;
		outline: none;
	}

	a.no-underline:link, a.no-underline:visited, a.no-underline:active, a.no-underline:hover{
		color: #271c0b;
		text-decoration: none;
		font-size: 12px;
	}

	a.over:link, a.over:visited, a.over:active{
		background-color: #FFF;
		color: #352f2d;
		padding-top: 24px;
		padding-bottom: 16px;
		display: inline-block;
		width: 100%;
		text-transform: none;
		letter-spacing: 0.06em;
		font-family: 'Petrona', serif;
		font-size: 19px;
		font-weight: 600;
		transition: background-color 240ms;
	}

	a.over:hover, a.over-active:link, a.over-active:active, a.over-active:visited, a.over-active:hover {
		background-color: #F7F7F0;
		color: #352f2d;
		padding-top: 24px;
		padding-bottom: 16px;
		display: inline-block;
		width: 100%;
		text-transform: none;
		letter-spacing: 0.06em;
		font-family: 'Petrona', serif;
		font-size: 19px;
		font-weight: 600;
		transition: background-color 240ms;
	}

	a.main:link, a.main:visited, a.main:active {
		color: #F7F7F0;
		font-family: 'Petrona', serif;
		font-size: 18px;
		font-weight: 800;
		padding-bottom: 15px; 
		border-bottom: 0px solid #F7F7F0;
	}

	a.main:hover {
		color: #F7F7F0;
		font-family: 'Petrona', serif;
		font-size: 18px;
		font-weight: 800;
		padding-bottom: 15px; 
		border-bottom: 3px solid #F7F7F0;
	}

	
	a.main-active:link, a.main-active:visited, a.main-active:active {
		color: #F7F7F0;
		font-family: 'Petrona', serif;
		font-size: 18px;
		font-weight: 800;
		padding-bottom: 16px; 
		border-bottom: 2px solid #F7F7F0;
	}

	a.main-active:hover {
		color: #F7F7F0;
		font-family: 'Petrona', serif;
		font-size: 18px;
		font-weight: 800;
		padding-bottom: 16px; 
		border-bottom: 2px solid #F7F7F0;
	}

	a.submenu:link, a.submenu:visited, a.submenu:active {
		color: #241712;
		font-family: 'Petrona', serif;
		font-size: 22px;
		font-weight: 400;
		padding-bottom: 10px; 
		border-bottom: 0px solid #F7F7F0;
		margin-right: 24px;
	}

	a.submenu:hover {
		padding-bottom: 10px; 
		border-bottom: 1px solid #9b9b89;
	}

	
	a.submenu-active:link, a.submenu-active:visited, a.submenu-active:active {
		color: #241712;
		font-family: 'Petrona', serif;
		font-size: 22px;
		font-weight: 400;
		padding-bottom: 10px; 
		border-bottom: 2px solid #9b9b89;
		margin-right: 24px;
	}

	a.submenu-active:hover {
		padding-bottom: 10px; 
		border-bottom: 2px solid #9b9b89;
	}



	/* custom definition */
	
	.border-bottom-green{
		border-bottom: 0px solid #F7F7F0;
	}

	.border-thin-bottom{
		border-bottom: 1px solid #f7f7f0;
	}

	.box-shadowed{
		background-color: #FFF;
		-webkit-box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08); 
		box-shadow: 0px 5px 11px -3px rgba(0,0,0,0.08);
	}

	.box-white-border{
		border: 12px solid #FFF;
	}

	.box-bottom-shadow{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02); 
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.02);
	}

	.round-profile{
		height: 210px;
		width: 210px;
		background-color: #FFF;
		border-radius: 50%;
		display: inline-block;
	}

	.round-image{
		height: 310px;
		width: 310px;
		background-color: #FFF;
		border-radius: 50%;
		display: inline-block;
	}

	.softsquare-profile{
		height: 240px;
		width: 240px;
		background-color: #FFF;
		border-radius: 8px;
		display: inline-block;
	}

	.fotoview{
		height: 240px;
	}

	/* custom dropdown select */

	.custom-select {
		position: relative;
	}
	
	.custom-select select {
		display: none; /*hide original SELECT element: */
	}
	
	.select-selected {
		/*background-color: #FFF;*/
		color: #555534;
		padding: 8px 16px 6px 16px;
		border: 1px solid #dfdfd9;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: -0.02em;
		outline: none;
	}

	.select-selected:after { /* arrow down */
		position: absolute;
		content: "";
		top: 16px;
		right: 18px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-color: #FFF transparent transparent transparent;
	}
	
	.select-selected.select-arrow-active:after {	  	/* arrow up */
		border-color: transparent transparent #FFF transparent;
		top: 10px;
	}
	
	.select-items div,.select-selected {
		background-color: #241712;
		color: #FFF;
		font-family: 'Petrona', serif;
		padding: 8px 40px 6px 16px;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: -0.02em;
		border: 1px solid transparent;
		border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
		cursor: pointer;
	}
	
	.select-items {
		position: absolute;
		/*background-color: #FFF;*/
		top: 100%;
		left: 0;
		right: 0;
		z-index: 99;
	}
	
	.select-hide {
		display: none;
	}
	
	.select-items div:hover, .same-as-selected {
		/*background-color: #9b9b89;*/
		color: #FFF;
	}


	/* custom select - pure css */
	select {
		-webkit-appearance: none;
			-moz-appearance: none;
				appearance: none;
		background-color: transparent;
		border: none;
		padding: 0 0 0 0;
		margin: 0;
		width: 100%;
		font-family: inherit;
		font-size: inherit;
		cursor: inherit;
		line-height: inherit;
		z-index: 1;
		outline: none;
	}
	select::-ms-expand {
		display: none;
	}
	.select {
		display: grid;
		grid-template-areas: "select";
		align-items: center;
		position: relative;
		background-color: #FFF;
		color: #555534;
		padding: 0px;
		font-family: 'Poppins', serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.02em;
		cursor: pointer;
		border: 1px solid #dfdfd9;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.select select, .select::after {
		grid-area: select;
	}
	/*.select:not(.select--multiple)::after {
		content: "";
		justify-self: end;
		width: 20px;
		height: 20px;
		background-color: var(--select-arrow);
		-webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
				clip-path: polygon(100% 0%, 0 0%, 50% 100%);
	}*/
	select:focus + .focus {
		position: absolute;
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		border-radius: inherit;
	}

	/* parralax */
	
	.parallax{
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-perspective: 1px;
		perspective: 1px;
	}

	.parallax__layer{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		}

	.parallax__layer--base{
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		}

	.parallax__layer--back{
		-webkit-transform: translateZ(-1px) scale(2);
		transform: translateZ(-1px) scale(2);
	}


	@media screen and (max-width: 4000px){

		.desktop-version{ display: block; }
		.mobile-version{ display: none; }
		
		body, div{
			font-family: 'Petrona', serif;
			color: #271c0b;
			font-weight: 400; /* regular */
		}
		
		.centered-100pct {
			width: 100%;
		}

		.centered {
			width: 700px;
			margin: 0 auto;	
		}

		.centered-narrow {
			width: 610px;
			margin: 0 auto;	
		}
		
		.centered-pct {
			width: 81%;
			margin: 0 auto;	
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(6, 1fr);
			grid-gap: 0px 0px;
		}
		
		.grid-7-columns{
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			grid-gap: 0px 0px;
		}
		
		.main-menu{
			display: block;
		}
		
		.responsive-hamburger{
			display: none;
		}

		.hamburger-container{
			display: inline-block;
		}

		.hamburger-container img{
			height: 32px;
		}

		.responsive-menu{
			display: none;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 999;
		}
			
	}
	
	

	@media screen and (max-width: 1094px){

		.desktop-version{ display: block; }
		.mobile-version{ display: none; }
		
		.centered, .centered-narrow {
			width: 90%;
			margin: 0 auto;
		}
		
		.centered-pct {
			width: 94%;
			margin: 0 auto;	
		}
				
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns,
		.grid-7-columns{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}

		.text-left-to-center{ text-align: center; }
		.text-right-to-center{ text-align: center; }

		.main-menu, .responsive-menu{
			display: none;
		}
		.responsive-hamburger{
			display: block;
		}
		
	}
	
	@media screen and (max-width: 781px){

		.desktop-version{ display: none; }
		.mobile-version{ display: block; }
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-7-columns,
		.grid-6-columns{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}

		.padded-bottom-responsive{
			padding-bottom: 56px;
		}

		.padded-bottom-low-responsive{
			padding-bottom: 24px;
		}
	
		
	}
	
	
	@media screen and (max-width: 480px){

		.desktop-version{ display: none; }
		.mobile-version{ display: block; }

		h1{
			font-size: 37px;
			line-height: 48px;
			letter-spacing: -0.01em;
		}

		.text-regular{
			font-size: 16px;
			line-height: 32px;
		}

		.text-extra-large{
			font-size: 19px;
			line-height: 32px;
		}

		a.submenu:link, a.submenu:visited, a.submenu:active {
			color: #241712;
			font-family: 'Petrona', serif;
			font-size: 18px;
			font-weight: 400;
			padding-bottom: 6px; 
			border-bottom: 0px solid #F7F7F0;
			margin-right: 8px;
		}
	
		a.submenu:hover {
			padding-bottom: 6px; 
			border-bottom: 1px solid #9b9b89;
		}
	
		
		a.submenu-active:link, a.submenu-active:visited, a.submenu-active:active {
			color: #241712;
			font-family: 'Petrona', serif;
			font-size: 18px;
			font-weight: 400;
			padding-bottom: 6px; 
			border-bottom: 2px solid #9b9b89;
			margin-right: 8px;
		}
	
		a.submenu-active:hover {
			padding-bottom: 6px; 
			border-bottom: 2px solid #9b9b89;
		}

		a.btn-olive:link, a.btn-olive:visited, a.btn-olive:active{
			background-color: #9b9b89;
			padding: 18px 42px 16px 42px;
			color:#f7f7f0;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 14px;
			font-family: 'Poppins', serif;
			font-weight: 600;
			letter-spacing: 0.05em;
			transition: background-color 240ms;
			border-radius: 4px;
		}
	
		a.btn-olive:hover, a.btn-olive-active:link, a.btn-olive-active:visited, a.btn-olive-active:active, a.btn-olive-active:hover{
			background-color: #64643f;
			padding: 18px 42px 16px 42px;
			color:#f7f7f0;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 14px;
			font-family: 'Poppins', serif;
			font-weight: 600;
			letter-spacing: 0.05em;
			transition: background-color 240ms;
			border-radius: 4px;
		}

		a.btn-olive-transparant:link, a.btn-olive-transparant:visited, a.btn-olive-transparant:active{
			background-color: #ebebe2;
			border: 1px solid #ebebe2;
			padding: 18px 32px 16px 32px;
			color:#64643f;
			border-radius: 4px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 13px;
			font-family: 'Poppins', serif;
			font-weight: 600;
			letter-spacing: 0.05em;
			transition: background-color 240ms;
		}
	
		a.btn-olive-transparant:hover, a.btn-olive-active:link, a.btn-olive-active:visited, a.btn-olive-active:active, a.btn-olive-active:hover{
			background-color: #64643f;
			border: 1px solid #64643f;
			padding: 18px 32px 16px 32px;
			color:#f7f7f0;
			border-radius: 4px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 13px;
			font-family: 'Poppins', serif;
			font-weight: 600;
			letter-spacing: 0.05em;
			transition: background-color 240ms;
		}
		
		.grid-2-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-3-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}
		
		.grid-4-columns{
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			column-gap: 3px;
			row-gap: 0px;
		}

		.grid-6-columns,
		.grid-7-columns{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 0px;
			row-gap: 0px;
		}
		
	}