/*		|8		|		|24		|		|40		|		|56		|		|72		|		|88		|		|104	|		|*/
.content{
		max-width				:	var(--boxed)						;
		margin					:	0 auto								;
		padding					:	40px 30px							;
}
.content h2{
		color					:	var(--navy)							;
}
.content a{
		color					:	#c9c9c9								;
		text-decoration			:	none								;
}
.content a:hover{
		color					:	rgba(199,199,199,.34)				;
}
.content .button,.content .button:hover{
		color					:	#fff								;
}
.about .banner::before{
		background-image		:	url(/images/2021/08/S2000_Hood_30_PERCENT.png)	;
}
.pricing .banner::before{
		background-image		:	url(/images/2021/08/Untitled-design.png)	;
}
.pricing .content{
		display					:	grid								;
		grid-template-columns	:	1fr 1fr								;
		align-items				:	start								;
		gap						:	20px								;
}
.pricing figure{
		margin					:	0									;
}
.pricing figure img{
		width					:	79%									;
		margin					:	0 auto								;
}
.pricing .content>div{
		padding					:	20px								;
}
.pricing h2{
		font-weight				:	700									;
}
.content .button.navy{
		padding					:	15px 28px							;
		font-size				:	18px								;
		font-weight				:	700									;
		text-shadow				:	0 0 10px rgba(0,0,0,.3)				;
		background				:	var(--navy)							;
		box-shadow				:	var(--shadow)						;
}
.content .button.navy:hover{
		background				:	rgba(253,199,63,.55)				;
}
.careers .content>.actions{
		justify-content			:	center								;
		margin					:	-20px 0 60px						;
}
.careers h2,.faqs .content>h2,.contact .content>h2{
		font-style				:	italic								;
}
.covered section{
		padding					:	0 0 40px							;
}
.faqs section{
		padding					:	20px 0								;
}
.questions{
		border					:	4px solid rgba(21,62,97,.18)		;
}
.questions details+details{
		border-top				:	4px solid rgba(21,62,97,.18)		;
}
.questions summary{
		display					:	flex								;
		align-items				:	center								;
		gap						:	10px								;
		padding					:	15px 20px							;
		font-size				:	19px								;
		font-weight				:	500									;
		line-height				:	1.3									;
		color					:	var(--navy)							;
		cursor					:	pointer								;
		list-style				:	none								;
}
.questions summary::-webkit-details-marker{
		display					:	none								;
}
.questions summary::before{
		content					:	""									;
		flex					:	0 0 auto							;
		width					:	17px								;
		height					:	19px								;
		background				:	currentColor						;
		-webkit-mask			:	url(/images/icons/caret-square-down.svg) center/contain no-repeat	;
		mask					:	url(/images/icons/caret-square-down.svg) center/contain no-repeat	;
}
.questions details[open] summary{
		color					:	var(--silver)						;
		border-bottom			:	4px solid rgba(21,62,97,.18)		;
}
.questions details[open] summary::before{
		-webkit-mask-image		:	url(/images/icons/caret-square-up.svg)	;
		mask-image				:	url(/images/icons/caret-square-up.svg)	;
}
.questions details>:not(summary){
		margin					:	0									;
		padding					:	15px 20px 0							;
}
.questions details>:last-child{
		padding-bottom			:	30px								;
}
.blog .content>p:first-child{
		margin					:	0 0 60px							;
		text-align				:	center								;
}
.blog h4{
		margin					:	30px 0 0							;
		font-size				:	20px								;
		text-decoration			:	underline							;
		text-transform			:	uppercase							;
}
.privacy .content{
		max-width				:	none								;
		padding					:	20px 10px							;
}
.contact .content{
		padding					:	80px 40px							;
}
.contact .content>h2,.contact .content>p{
		text-align				:	center								;
}
.reach{
		display					:	flex								;
		justify-content			:	center								;
		margin					:	40px 0 20px							;
		padding					:	0									;
		list-style				:	none								;
}
.reach li+li{
		margin-left				:	18px								;
		padding-left			:	18px								;
		border-left				:	3px solid var(--navy)				;
}
.content .reach a{
		font-family				:	"Barlow",sans-serif					;
		font-size				:	27px								;
		font-weight				:	600									;
		line-height				:	1.3									;
		color					:	var(--navy)							;
		text-decoration			:	none								;
}
.content .reach a:hover{
		color					:	var(--silver)						;
}
.where{
		position				:	relative							;
		margin					:	0 10px								;
		padding					:	80px								;
		text-align				:	center								;
		background				:	rgba(21,62,97,.04)					;
}
.where::before{
		content					:	""									;
		position				:	absolute							;
		inset					:	0									;
		background				:	url(/images/2021/09/Dalekit-Awnings-Factory-ISOMETRIC-VIEW_DJI_0989-0.5x.png) center/cover	;
		opacity					:	.08									;
}
.where>*{
		position				:	relative							;
		max-width				:	var(--boxed)						;
		margin-left				:	auto								;
		margin-right			:	auto								;
}
.where h2{
		margin-bottom			:	20px								;
		font-size				:	34px								;
		font-weight				:	500									;
		font-style				:	italic								;
		color					:	var(--navy)							;
}
.map{
		display					:	block								;
		width					:	100%								;
		height					:	300px								;
		border					:	6px solid var(--navy)				;
}
.where p{
		margin					:	20px auto 0							;
}
.where p a{
		font-family				:	"Barlow",sans-serif					;
		font-size				:	32px								;
		font-weight				:	600									;
		color					:	var(--navy)							;
		text-decoration			:	none								;
}
.apply .content{
		padding					:	80px 30px							;
}
.job h2{
		margin-bottom			:	10px								;
}
.job .note{
		color					:	#d00								;
		font-size				:	16px								;
		font-weight				:	700									;
}
@media (max-width:767px){
	.pricing .content{
		grid-template-columns	:	1fr									;
	}
	.contact .content{
		padding					:	40px 20px							;
	}
	.content .reach a{
		font-size				:	18px								;
	}
	.where{
		padding					:	20px								;
	}
	.where h2{
		font-size				:	26px								;
	}
	.where p a{
		font-size				:	20px								;
	}
	.questions summary{
		font-size				:	14px								;
	}
}
.job form{
		gap						:	28px								;
}