.list__item{
	width: 100%;
	margin-bottom: var(--gap)}
/*
.list__item--1{
	width: var(--c1)}
.list__item--2{
	width: var(--c2)}
.list__item--1,.list__item--2{
	display:inline-block;
	vertical-align:bottom;
	margin-right: var(--gap)}
.list__item--top{
	vertical-align:top}
	
.list__item--3{
	max-width: var(--c3)}
.list__item--4{
	max-width: var(--c4)}
.list__item--5{
	max-width: var(--c5)}
.list__item--6{
	max-width: var(--c6)}
.list__item--7{
	max-width: var(--c7)}
*/
.list__item--1{
	width:13%}
.list__item--2{
	width:28%}
.list__item--3{
	width:43%}	
.list__item--4{
	width:58%}
.list__item--5{
	width:73%}
.list__item--6{
	width:88%}
.list__item--top{
	display:inline-block;
	vertical-align:bottom;
	margin-right: var(--gap);
	vertical-align:top}
	
@media screen and (min-width: 30em) {
	.list__item{
		display:inline-block;
		vertical-align:bottom;
		margin-right: var(--gap)}
	.list__item--1{
	width: var(--c1)}
.list__item--2{
	width: var(--c2)}
	.list__item--3{
		width: var(--c3)}
	.list__item--4{
		width: var(--c4)}
	.list__item--5{
		width: var(--c5)}
	.list__item--6{
		width: var(--c6)}
	.list__item--7{
		width: var(--c7)}
	/*.list__item--3{
		display:inline-block;
		vertical-align:bottom;
		margin-right: var(--gap)}*/
}
@media screen and (min-width: 48em) {
	.list__item--4{
		width: var(--c4)}
	.list__item--5{
		width: var(--c5)}
	/*.list__item--4,.list__item--5{
		display:inline-block;
		vertical-align:bottom;
		margin-right: var(--gap)}*/
			
	/*.list__item--6 .card__media--portrait{
		width: 110px}
	.list__item--7 .card__media--portrait{
		width: 260px}
	.list__item--6 .card__text--portrait{
		width: calc(100% - 130px)}
	.list__item--7 .card__text--portrait{
		width: calc(100% - 280px)}*/
}
@media screen and (min-width: 62em) {

	/*.list__item--6 .card__media--portrait{
		width: 260px}
	.list__item--7 .card__media--portrait{
		width: 310px}
	.list__item--6 .card__text--portrait{
		width: calc(100% - 280px)}
	.list__item--7 .card__text--portrait{
		width: calc(100% - 330px)}*/
						
	.list__item--6{
		width: var(--c6)}
	/*.list__item--6{
		display:inline-block;
		vertical-align:bottom;
		margin-right:20px}*/
}
@media screen and (min-width: 80em) {

	.list__item--offset{
		margin-right: var(--offset)}			
	.list__item--7{
		width: var(--c7)}
	/*.list__item--7{
		display:inline-block;
		vertical-align:bottom;
		margin-right:20px}		*/		
}