/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
.hero{
		display					:	flex								;
		align-items				:	center								;
		justify-content			:	center								;
		min-height				:	528px								;
		padding					:	0 20px								;
		text-align				:	center								;
		background				:	linear-gradient(rgba(104,104,104,.78),rgba(104,104,104,.78)),url(/images/2021/09/Dalekit-Awnings-Factory-ISOMETRIC-VIEW_DJI_0989-0.5x.png) bottom center/cover #686868	;
}
.hero h1{
		max-width				:	var(--boxed)						;
		margin					:	0 auto 20px							;
		font-size				:	55px								;
		line-height				:	1.3									;
		text-transform			:	uppercase							;
		color					:	#fff								;
		text-shadow				:	0 0 10px rgba(0,0,0,.3)				;
}
.hero .tagline{
		margin					:	0 0 40px							;
		font-family				:	"Barlow",sans-serif					;
		font-size				:	22px								;
		font-style				:	italic								;
		font-weight				:	200									;
		line-height				:	1.2									;
		text-transform			:	uppercase							;
		color					:	var(--silver)						;
}
.hero .buz{
		display					:	inline-block						;
		padding					:	2px									;
		border-radius			:	13px								;
		background				:	#fff								;
}
.hero .buz img{
		height					:	45px								;
		width					:	auto								;
		border-radius			:	11px								;
}
.quick{
		display					:	none								;
}
.range{
		padding					:	95px 20px 80px 20px					;
}
.range h2,.outdoor h2,.covered h2{
		font-size				:	41px								;
		text-transform			:	uppercase							;
}
.range .member{
		margin					:	0 0 20px							;
}
.range .member img{
		width					:	12%									;
		opacity					:	.69									;
		filter					:	saturate(0)							;
}
.range .actions{
		justify-content			:	center								;
}
.outdoor{
		display					:	flex								;
		min-height				:	400px								;
		background				:	var(--navy)							;
}
.outdoor .text{
		flex					:	1 1 50%								;
		padding					:	80px								;
		color					:	#fff								;
}
.outdoor h2{
		line-height				:	1.2									;
		color					:	#fff								;
}
.outdoor .picture{
		flex					:	1 1 50%								;
		background				:	url(/images/2021/09/Dalekit-Awnings-Factory-ISOMETRIC-VIEW_DJI_0989-0.5x.png) center/cover	;
}
.covered{
		padding					:	60px 40px 40px						;
}
.covered .logo img{
		width					:	32%									;
		margin-bottom			:	20px								;
}
.covered h2{
		line-height				:	1.2									;
}
.covered h2 a{
		color					:	inherit								;
}
.join{
		padding					:	80px 20px							;
}
.join .card{
		max-width				:	var(--wide)							;
		margin					:	0 auto								;
		padding					:	40px								;
		border-top				:	4px solid var(--silver)				;
		border-radius			:	8px									;
		background				:	var(--navy)							;
		box-shadow				:	var(--shadow)						;
}
.join h2{
		color					:	#fff								;
		text-transform			:	uppercase							;
}
@media (max-width:1024px){
	.quick{
		display					:	flex								;
		background				:	var(--silver)						;
	}
	.quick a{
		flex					:	1 1 50%								;
		padding					:	20px								;
		font-family				:	"Barlow",sans-serif					;
		font-size				:	34px								;
		font-weight				:	400									;
		line-height				:	1.2									;
		color					:	#fff								;
		text-decoration			:	none								;
	}
	.quick a+a{
		border-left				:	2px solid rgba(21,62,97,.52)		;
	}
	.quick a:hover{
		background				:	var(--accent)						;
	}
	.outdoor{
		flex-direction			:	column-reverse						;
	}
	.outdoor .picture{
		min-height				:	300px								;
	}
}
@media (max-width:767px){
	.hero{
		min-height				:	529px								;
		padding					:	40px 20px							;
	}
	.hero h1{
		font-size				:	42px								;
	}
	.hero .tagline{
		margin-bottom			:	5px									;
		font-size				:	16px								;
	}
	.quick a{
		font-size				:	24px								;
	}
	.range{
		padding					:	40px 0								;
	}
	.range h2,.outdoor h2,.covered h2{
		font-size				:	32px								;
	}
	.outdoor .text{
		padding					:	40px 20px							;
	}
	.covered{
		padding					:	40px 20px 20px						;
	}
	.join h2{
		font-size				:	31px								;
	}
}
