@media screen and (max-width: 768px) {
	
	.primary-nav {
		top: 10px;
		width: 95%;
	}
	
	.primary-nav > a {
		padding: 5px 5px;
	    flex-grow: 1;
	    flex-shrink: 1;
	    flex-basis: auto;
	    text-align: center;
	    white-space: nowrap;
	}
	
	/* ! _ */
	
	.wrap {
		margin: 92px auto 40px auto;
		padding: 0px 12px;
	}
	
	.wrap_row {
		flex-direction: column;
	}
	
	/* ! _ */
	
	.button {
		width: 100%;
	}
	
	/* ! _ */
	
	.homepage_card,
	.aboutpage_card {
		padding: 32px 12px;
	}
	
	/* ! _ */
	
	.homepage_hero > h1,
	.aboutpage_hero > h1 {
		font-size: 50px;
		line-height: 65px;
	}
	
	/* ! _ */
	
	.homepage_card-title > h2,
	.aboutpage_card-title > h2 {
		font-size: 32px;
	}
	
	/* ! _ */
	
	.aboutpage_card-intro {
		flex-direction: column;
	}
	
	.aboutpage_card-intro > p {
		padding: 12px;
	}
	
	/* ! _ */
	
	.copy-buttons_wrap {
		padding: 8px 16px;
		flex-direction: column;
		gap: 16px;
	}
	
	/* ! _ */
	
	.template_image-wrap {
		column-count: 1;
	}	
	
	/* ! _ */
	
	ul,
	ol {
		padding-left: 8px;
	}
	
	ul > li,
	ol > li {
		gap: 8px;
	}

}