.post_award .image
{
	--min_image: -5;
	--max_image: 200;
	--image:
		clamp(calc(var(--min_image) * 1px),
		calc((((-1 * var(--global_scm_var)) * ((var(--max_image) - var(--min_image)) / (var(--global_sc_var) - var(--global_scm_var))) + var(--min_image)) * 1px)
		+ ((var(--max_image) - var(--min_image)) / (var(--global_sc_var) - var(--global_scm_var)) * 100vw)),
		calc(var(--max_image) * 1px));
	width: 100%;
	max-width: 140px;
	max-width: var(--image);
	transition: var(--global_transition);
}

.post_award:hover .image
{
	transform: scale(1.1, 1.1);
}

.post_award .label
{
	transition: var(--global_transition);
	display: none;
}

.post_award:hover .label
{
	color: var(--root_color_lead);
/*	transform: translateY(-80%); */
}

.post_award .description
{
	position: absolute;
	bottom: 0;
	left: calc(var(--global_size_20) * -1);
	width: calc(100% + var(--global_size_20) + var(--global_size_20));
	min-height: 100%;
	height: auto;
	background-color: var(--root_color_white);
	padding: var(--global_size_20);
	opacity: 0;
	transition: var(--global_transition);
	z-index: 1;
	box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.05);
	line-height: 1.4;
}

.post_award:hover .description
{
	opacity: 1;
	transform: translateY(-10%);
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
	.post_award .description
	{
		left: calc(var(--global_size_40) * -1);
		width: calc(100% + var(--global_size_40) + var(--global_size_40));
	}
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
	.post_award .image
	{
		max-width: calc(var(--max_image) * 1px);
	}
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}
