.card__grid{
	padding:10px 15px}
.card__media--landscape{
	margin-bottom:1em}
.card__media--portrait{
	height:120px;
	margin-right: var(--gap)}
.card__picture--landscape{
	margin:auto}
.card__picture--portrait{
	height:120px;
	width:auto}
/*	
@media screen and (min-width:36em) {
	.card__media--portrait{
		height:200px}
	.card__picture--portrait{
		height:200px}
}
*/
@media screen and (min-width:30em) {

	.card__grid{
		padding:10px var(--gap)}
	.card__media--portrait{
		height: auto}
	.card__picture--portrait{
		display:block;
		height: auto}
	/*
	.card__media--portrait{
		height:240px}
	.card__picture--portrait{
		height:240px}
		*/
	
}
@media screen and (min-width:48em) {


	/*
	.card__media--portrait{
		height:240px}
	.card__picture--portrait{
		height:240px}
		*/
	
}

@media screen and (min-width:62em) {
		.card__picture--portrait{
	}	
	.card__picture--portrait-1{
		margin-left:0%;
		width: 100%}	
	.card__picture--portrait-2{
		margin-left:15%;
		width: 85%}	
	.card__picture--portrait-3{
		margin-left:30%;
		width: 70%}	
/*
	.card__media--portrait{
		height:300px}
	.card__picture--portrait{
		height:300px}	
	.card__media--portrait-2{
		height:340px}
	.card__picture--portrait-2{
		height:340px}		
	.card__media--portrait-3{
		height:380px}
	.card__picture--portrait-3{
		height:380px}
*/
}
/*
@media screen and (min-width:80em) {

	.card__media--portrait{
		height:400px}
	.card__picture--portrait{
		height:400px}	
	.card__media--portrait-2{
		height:440px}
	.card__picture--portrait-2{
		height:440px}		
	.card__media--portrait-3{
		height:480px}
	.card__picture--portrait-3{
		height:480px}

}
*/