.portraits-container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	justify-content: center;
}

.portrait-container{
	height: calc(clamp(0px, 30vw,300px) * 1.3);
}

.portrait-parent{
	margin:10px;
	width: clamp(0px, 30vw,300px);
	padding:4px;

	display: flex;
	flex-direction: column;
}

img.portrait{
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.portrait-description{

	padding-top: 10px;

	text-align: justify;
}

.portrait-title{
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 2px;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 900px) and (max-width: 1279px){

.portrait-container{
	height: calc(calc(100vw / 4) * 1.3);
}

.portrait-parent{
	margin:0px;
	width: calc(100% / 4);
}

}

@media only screen and (min-width: 480px) and (max-width: 900px){

.portraits-container{
	justify-content: flex-start;
}

.portrait-container{
	height: calc(calc(100vw / 3) * 1.3);
}

.portrait-parent{
	margin:0px;
	width: calc(100% / 3);
}

}

@media only screen and (min-width: 0px) and (max-width: 480px){

.portraits-container{
	justify-content: flex-start;
}

.portrait-container{
	height: calc(calc(100vw / 2) * 1.3);
}

.portrait-parent{
		margin:0px;
	width: calc(100% / 2);
}

}