:root {
	--padding: 3.75rem 2em 4.375em;
}

#hero .hero-content {
    display: flex;
    align-items: center;
    padding: 4.375em 5vw;
}

#hero .hero-image {
	border-right: 2px solid #fff;
	min-height: 25rem;
}





/* Category */

.category-callouts {
    padding: var(--padding);
}

.category-callouts ul li {
	width: calc(33.333% - 0.875rem);
}

.category-intro {
	padding: 4.5em 2em 5em;
    text-align: center;
}




/* Product */
.product-intro {
	padding: var(--padding);
}

#projects {
	padding: var(--padding);
}

#projects #gallery li {
	width: 30%;
}

#faqs {
	padding: var(--padding);
}

#downloads {
	padding: var(--padding);
}

#downloads .download-list li {
	width: calc(25% - 0.875em);
}



/* 1024px */
@media screen and (max-width: 64em) {
	#projects #gallery li {
		width: calc(45% - 1em);
	}
	
	#downloads .download-list li {
		width: calc(33% - 0.875em);
	}
	
	
}



/* 900px */
@media screen and (max-width: 56.25em) {
	.category-callouts ul li {
		width: calc(50% - 0.875rem);
	}
}