/* Current. */

.current {
	margin-top: 80px;
}

.current_net {
	display: grid;
	grid-gap: 20px;
	grid-template-areas: 
		"b1 b1 b1 b2 b2 b2"
		"b3 b3 b4 b4 b5 b5";
}

.current_li {
	--inner: 60px;

	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;

	padding: 42px var(--inner) 0;
	font-size: 24px;
	font-weight: 700;
	background-color: rgba(26, 27, 30, 0.03);
	border-radius: 20px;
	z-index: 1;

	transition: box-shadow .43s;
}

.current_li:hover {
	box-shadow: 0 0 16px rgba(26, 27, 30, 0.3);
}

.current_li img {
	margin-top: 52px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.current_li._top img {
	position: absolute;
	top: 0;
	right: var(--inner);

	min-width: 240px;
	max-width: min(460px, 100% - 200px) !important;
	margin-top: 0;
	z-index: -1;
}

.current_li span {
	color: #ED6D30;
}

.current_li:nth-child(1) {
	grid-area: b1;
}

.current_li:nth-child(2) {
	grid-area: b2;
}

.current_li:nth-child(3) {
	grid-area: b3;
}

.current_li:nth-child(4) {
	grid-area: b4;
}

.current_li:nth-child(5) {
	grid-area: b5;
}

/* Current. */

@media only screen and (max-width: 1200px) {

	/* Current. */

	.current_li {
		--inner: 40px;
		
		font-size: 20px;
		padding-top: 24px;
	}

	.current_li img {
		margin-top: 28px;
	}

	/* Current. */

}

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

	/* Current. */

	.current_net {
		grid-template-areas: 
			'b1 b1'
			'b2 b2'
			'b3 b4'
			'b5 b5';
	}

	.current_li._top {
		min-height: 68vw;
	}

	.current_li:last-child {
		max-height: 41vw;
	}

	/* Current. */

}

@media only screen and (max-width: 600px) {

	/* Current. */

	.current .bone {
		padding: 0;
	}

	.current_li {
		--inner: var(--bone);
		
		font-size: 16px;
	}

	.current_li:nth-child(1),
	.current_li:nth-child(2) {
		font-size: 24px;
	}

	.current_li img {
		margin-top: 28px;
		max-width: none;
	}
	
	.current_net {
		grid-gap: 16px;
	}

	.current_li:last-child {
		max-height: 47vw;
	}

	/* Current. */

}