/* LANDING CATEGORY */
:root {
	--padding: 3em 1em;
}

#hero {
    flex-direction: column;
}

#hero .hero-image,
#hero .hero-content {
    width: 100%;
}

#hero .hero-image {
    aspect-ratio: 30/9;
	border-bottom: 2px solid #fff;
}

#hero .hero-content {
    padding: var(--padding);
}






/* Category */

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

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

.category-callouts ul li:nth-of-type(n+3) {
    margin-top: 0;
}

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





/* Product */

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

.product-intro .button-group {
	flex-direction: column;
}

.why-choose-us {
	padding: var(--padding);
}

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

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

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

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





@media (max-width: 31.25em) {
	
    .category-callouts ul {
		gap: 1em;
	}
	
    .category-callouts ul li {
		width: 100%;
    }
	
	#downloads .download-list {
		gap: 0.65em;
	}
	
	#downloads .download-list li {
		width: 100%;
	}

}