.conture { background: #d8d1c9; }
.conture * { color: #624f42; font-family: 'Roboto', sans-serif; }

.conture .border-primary { border-color: #8c7a71 !important; }

.conture p, .conture td { font-size: clamp(16px, 2vmax, 24px); }

.hero { aspect-ratio: 3200 / 1246; background: url('images/home.jpg'); background-size: cover; }
.hero .d-flex { height: 100%; }

.background-darksand { background-color: #a99a92; }
.background-darksand * { color: #f4ebea; }

.borders { position: fixed; height: 0; width: 100%; }
.borders .container { position: relative; }
/* .borders .container:before { content: ''; position: absolute; top: 0; left: -80px; z-index: 1; width: 1px; height: 100vh; height: 100dvh; background-color: #646363; }
.borders .container:after { content: ''; position: absolute; top: 0; right: -80px; z-index: 1; width: 1px; height: 100vh; height: 100dvh; background-color: #646363; } */

.conture .address, .conture .address * { color: #a99a92; font-size: clamp(16px, 2vmax, 24px); }

.conture h2 { text-transform: uppercase; line-height: 1; }
.collection-head p { text-transform: uppercase; line-height: 1; margin: 0; letter-spacing: 4px; margin: 12.6px 0; }
.collection-items h3 { font-size: clamp(20px, 2.2vmax, 28px); color: #8c7a71; font-weight: 400; text-transform: uppercase; line-height: 1; letter-spacing: 4px; margin: 12px 0; padding-bottom: 12px; border-bottom: 1px solid #8c7a71;  }
.collection-items h4 { font-size: clamp(20px, 2.2vmax, 28px); color: #8c7a71; font-weight: 300; line-height: 1; margin: 12px 0; padding-bottom: 12px; border-bottom: 1px solid #8c7a71;  }
.collection-text p { font-weight: 300; font-size: clamp(16px, 1.6vmax, 20px); }
.collection-text p strong { font-weight: 400; }

.logo { display: block; aspect-ratio: 2032 / 329; background: url('images/logo.svg') no-repeat center; background-size: contain; height: 40px; text-indent: -999vw; overflow: hidden; }
.logo-collection { display: block; background-size: contain; text-indent: -999vw; overflow: hidden; }
.logo-qubiq { height: 85.65px; background: url('images/logo-qubiq.svg') no-repeat center; aspect-ratio: 2106 / 571; margin: 12.6px 0 0 0; }
.logo-chillero { height: 73.05px; background: url('images/logo-chillero.svg') no-repeat center; aspect-ratio: 3156 / 487; margin: 12.6px 0; }

.conture .nav li a { text-transform: uppercase; margin: 0 20px; }

.conture .form-control, .btn-info { background: #f4ebea; border: 1px solid #a99a92; box-shadow: none !important; }
.btn-info:hover { background: #a99a92; color: #f4ebea; border: 1px solid #a99a92; }

.conture .small { font-size: clamp(13px, 1.5vmax, 18px); }

.social-buttons span { color: #a99a92; font-size: clamp(13px, 1.5vmax, 18px); }

.conture .social-buttons a.instagram { background: url('images/instagram.svg'); }
.conture .social-buttons a.facebook { background: url('images/facebook.svg'); }
.conture .social-buttons a.linkedin { background: url('images/linkedin.svg'); }

.video-wrapper { aspect-ratio: 14 / 5; overflow: hidden; position: relative; }
.video-wrapper video { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video-logo { filter: invert(1) brightness(2); opacity: .5; position: absolute; top: 50%; left: 50%; width: 25%; max-width: 400px; transform: translate(-50%, -100%); }

.conture .splide__arrow { background: transparent; width: 12em; top: auto; bottom: 3em; }
.conture .splide__arrow svg { width: 12em; height: 12em; }
.conture .splide__arrow--next { right: 3em; }
.conture .splide__arrow--prev { left: 3em; }

.benefit { width: 20%; }
.benefit p.small { font-size: 13px; }

.material { aspect-ratio: 250 / 115; background-repeat: repeat; background-position: center center; }

.stripes { background-image: url('chillero/images/stripes.svg'); background-size: cover; }

.bigsee { position: absolute; width: 30%; max-width: 300px; height: auto; background: url(/images/bigsee.png); top: 8%; right: 5%; background-size: cover; }

@media screen and (max-width: 991px){
	.hero { aspect-ratio: 1 / 1; }
	.logo-qubiq { height: calc(85.65px / 2); margin: 12.6px 0 0 0; }
	.logo-chillero { height: calc(73.05px / 2); margin: 12.6px 0; }
	.video-wrapper { aspect-ratio: 1 / 1; }
	.video-wrapper video { height: 100%; width: auto; }
	.video-logo { width: 50%; transform: translate(-50%, -100%); }
	.social-buttons a { margin: 0 10px; }
	.collection-items h3 { font-size: 20px; letter-spacing: 2px; }
	.conture .splide__arrow { width: 4em; top: auto; bottom: 1em; }
	.conture .splide__arrow svg { width: 4em; height: 4em; }
	.conture .splide__arrow--next { right: 1em; }
	.conture .splide__arrow--prev { left: 1em; }
}

@media screen and (max-width: 480px){
	.benefit p.small { font-size: 9px; }
}