@media screen and (min-width: 30em) {
	.list__item--6 .card__media--portrait{
		width: var(--m2)}
	.list__item--7 .card__media--portrait{
		width: var(--m2)}
	.list__item--6 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m2))}
	.list__item--7 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m2))}		
}
/*
@media screen and (min-width: 48em) {
	.list__item--6 .card__media--portrait{
		width: var(--m3)}
	.list__item--7 .card__media--portrait{
		width: var(--m3)}
	.list__item--6 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m3))}
	.list__item--7 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m3))}		
}
*/
/*
@media screen and (min-width: 62em) {
	.list__item--6 .card__media--portrait{
		width: var(--m1)}
	.list__item--6 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m1))}
}
*/
@media screen and (min-width: 48em) {
	.list__item--6 .card__media--portrait{
		width: var(--m2)}
	.list__item--7 .card__media--portrait{
		width: var(--m3)}
	.list__item--6 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m2))}
	.list__item--7 .card__text--portrait{
		width: calc(100% - var(--gap) - var(--m3))}		
}