.actions {
	padding : 30px 40px;
}

.actions__items {

}

.actions__items:after {
	display : block;
	content : '';
	clear   : both;
}

.action__item {
	float      : left;
	width      : 25%;
	box-sizing : border-box;
	padding    : 30px;
}

.action__item a {
	display         : block;
	font-size       : 0;
	text-decoration : none;
	text-align      : center;
	max-width       : 220px;
	margin          : 0 auto;
	position        : relative;
}

.action__item a span {
	position      : absolute;
	top           : 50%;
	left          : 50%;
	width         : 150px;
	height        : 150px;
	background    : rgba(122, 48, 53, 0.8);
	font          : 500 18px/18px 'San Francisco', sans-serif;
	color         : #ffffff;
	box-sizing    : border-box;
	margin-top    : -75px;
	margin-left   : -75px;
	text-align    : center;
	padding       : 65px 0;
	border-radius : 50%;
	opacity       : 0;
	transition    : .3s opacity ease;
}

.action__item a:hover span {
	opacity : 1;
}

.action__item a img {
	-webkit-box-shadow : 0 0 24px 0 rgba(154, 120, 0, 0.3);
	-moz-box-shadow    : 0 0 24px 0 rgba(154, 120, 0, 0.3);
	box-shadow         : 0 0 24px 0 rgba(154, 120, 0, 0.3);
}

.actions__more {
}

.actions__more-title {
	padding : 30px 0 20px;
	font    : 300 24px/24px 'San Francisco', sans-serif;
	color   : #313131;
}

.actions__more:after {
	display : block;
	content : '';
	clear   : both;
}

.actions__more .action__item {
	width : 33.333%;
}

@media (max-width : 1350px) {
	.action__item {
		width : 33%;
	}

	.actions__more .action__item {
		width : 50%;
	}
}

@media (max-width : 1100px) {
	.action__item {
		width : 50%;
	}

	.actions__more .action__item {
		width : 100%;
	}
}