div.pCards img { width: 3rem; height: calc(3rem / 1.618); margin: 0.5rem 0.25rem; }
img.pPdt { width: 8rem; height: 8rem; }
section.pContent {

}
section.pContent > ul > li {
	position: relative;
	background-color: rgb(245, 245, 245);
	padding: 0 1rem 1rem 1rem;
}
@media screen and (max-width: 767px) {
	section.pContent { }
	section.pContent > p, section.pContent > h2, section.pContent > div { margin-left: 5vw; margin-right: 5vw; }
	section.pContent > ul { padding: 0 2vw; }
	section.pContent > ul > li { flex: 0 0 75vw; margin: 0 2vw; }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
	section.pContent { padding: 0 2vw; }
	section.pContent > p, section.pContent > h2 { margin-left: 8vw; width: 80vw; }
	section.pContent > ul > li { flex: 0 0 30vw; margin: 1vw; }
}

@media screen and (min-width: 1280px) {
	section.pContent { padding: 0  5vw; }
	section.pContent > p, section.pContent > h2 { margin-left: 14vw; width: 62vw; }
	section.pContent > ul > li { flex: 0 0 29vw; margin: 0.5vw; }
}