.heroImageWrapper
{
display: block;
width: 100%;
position: relative;
}

.heroImage
{
width: 100%;
height: 17.5rem;
background: #222 url("https://dh36nblqpps8a.cloudfront.net/assets/used/970_used-landing_2020.jpg") no-repeat center center;
background-size: cover;
position: relative;
}

.heroImageWrapper .usedLogo
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
position: absolute;
top: 1rem;
left: 0;
right: 0;
width: 13.75rem;
height: 8.4375rem;
background: url("https://dh36nblqpps8a.cloudfront.net/assets/used/nrs-used-logo.png") no-repeat center center;
background-size: cover;
}

.category-page-header-copy.used-landing
{
margin: 2rem auto;
}

.category-page-header-copy.used-landing h2, .used-categories-wrapper h2, .categoryListings.used-landing h2
{
line-height: 1.2;
text-align:center;
margin-bottom: 1rem;
}

.used-categories
{
margin: 0 auto;
display: grid;
grid-gap: 1rem;
width: 100%;
max-width: 62.5rem;
padding: 0 1rem;
}

.used-categories a
{
display: flex;
align-items: flex-end;
height: 10rem;
background-color: #222;
text-decoration: none;
color: #fff;
font-family: proxima-nova-extra-condensed, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.25rem;
text-transform: uppercase;
border-radius: .375rem;
overflow: hidden;
text-shadow: 0 0 .25rem rgba(0, 0, 0, .75);
}

.used-categories a:hover
{
color: #fff;
text-decoration: underline;
}

.used-categories a span
{
height: 3rem;
background-color: rgba(0, 0, 0, .7);
background: linear-gradient(0deg, rgba(0, 0, 0, .7) 40%, transparent 100%);
display: flex;
justify-content: center;
align-items: center;
flex: 1 1 100%;
max-width: 100%;
padding-top: .75rem;
transition: height .15s ease-out, background .15s ease-out;
}

.used-categories a:hover span
{
background: linear-gradient(0deg, rgba(0, 0, 0, .95) 40%, transparent 100%);
height: 4rem;
}

.used-apparel
{
background: url("https://dh36nblqpps8a.cloudfront.net/assets/used/Used-Category-Apparel.jpg") center top/cover no-repeat;
}

.used-gear
{
background: url("https://dh36nblqpps8a.cloudfront.net/assets/used/Used-Category-Gear.jpg") center top/cover no-repeat;
}

.used-inflatables
{
background: url("https://dh36nblqpps8a.cloudfront.net/assets/used/Used-Category-Rafts.jpg") center top/cover no-repeat;
}

.category-page-footer-copy.used-landing p:first-of-type
{
border-top: none;
}

.categoryListings.used-landing::before, .categoryListings.used-landing::after
{
content: "";
display: block;
margin: 0 auto 2rem;
height: 0.1875rem;
width: 100%;
max-width: 14rem;
background-color: #adc72e;
border-radius: 10rem;
}

.categoryListings.used-landing::after
{
margin: 1rem auto 2rem;
}


@media screen and (min-width: 40rem) {
	
	
	.category-page-header-copy.used-landing
	{
	margin: 4rem auto;
	}
	
	.used-categories
	{
	grid-template-columns: 1fr 1fr 1fr;
	}
	
	.categoryListings.used-landing::before
	{
	margin: 0 auto 4rem;
	}
	
	.categoryListings.used-landing::after
	{
	margin: 2rem auto 4rem;
	}
	

} 
@media screen and (min-width: 48rem) {
	
	.heroImage
	{
	height: 25rem;
	background: #222 url("https://dh36nblqpps8a.cloudfront.net/assets/used/1600_used-landing_2020.jpg") no-repeat center center;
	background-size: cover;
	}

	.heroImageWrapper .usedLogo
	{
	top: 2rem;
	width: 20rem;
	height: 12.25rem;
	}
	
	.used-categories a
	{
	font-size: 1.5rem;
	}
    	
}