.ybg-container {
	max-width: 860px;
	padding: 0 14px;
	}

.hide760{
	display: none;
	}

.on760 {display: block;}



.ybg-headerBar {
	padding: 10px;
	}
#content {
	padding: 30px 10px;
	}

.ybg-homeGrid{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	}

.ybg-cardGrid{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	}

.ybg-categoryGrid{
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	}


.ybg-nav ul li {
	padding: 0 10px;
	}


.ybg-homePanel {
	/* grid item */
	}



.ybg-faq {
	padding: 0;
	}

.ybg-faq .ybg-sectionTitle {
	margin: 0 0 20px 0;
	}

.faqs_l {
	float: none;
	width: auto;
	}

.faqs_r {
	float: none;
	width: auto;
	}

.ybg-faqItem {
	margin: 0 0 10px 0;
	}


.ybg-homeContent {
	padding: 0 0 20px 0;
	}



.ybg-card {
	/* grid item */
	}


.ybg-siteHeroMedia {
	width: 300px;
	min-width: 300px;
	}


.ybg-categoryGrid{
	gap: 10px;
	}

.ybg-categoryCard{
	/* grid item */
	}



footer {
	padding: 20px 0 30px 0;
	}

.ybg-footerBrand {
	width: 240px;
	padding: 0 0 0 10px;
	}

.ybg-footerLogo {
	padding: 0 0 16px 0;
	}


.ybg-footerNavs {
	width: 480px;
	padding: 10px 10px 0 0;
	}

.ybg-footerNavPrimary {
	padding: 0 0 15px 0;
	font-size: 15px;
	}

.ybg-footerNavPrimary ul li {
	padding: 0 0 0 10px;
	}


.ybg-footerNavSecondary {
	padding: 15px 0 0 0;
	}

.ybg-footerNavSecondary ul li {
	padding: 0 0 0 10px;
	}