@media screen and (max-width: 1140px) {
	.index__items {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 767px) {
	.index__container {
		padding: 30px 15px;
		border-radius: 0px;
		margin-top: 0px;
		width: 100vw;
	}
	.index__header {margin-bottom: 25px;}
	.index__header-title {font-size: 40px;}
	
	.index__lead {
		font-size: 20px;
		line-height: normal;
	}
	.index__items {grid-template-columns: 1fr;}
	.index__item {
		color: #fff;
		min-height: 0px;
		padding: 30px 22px;
		border-radius: 20px;
		text-align: center;
	}
	.index__item:before {border-radius: 20px;}
	.index__item:before {opacity: 1;}
	.index__item-logo {
		height: auto;
		margin: 0px auto 30px auto;
		max-width: 256px;
	}
	.index__item-inner {max-width: 550px;}
	.index__item-excerpt {font-size: 18px;}
	.index__item-actions {
		margin-top: 30px;
		position: relative;
		opacity: 1;
	}
	
	.index__item:hover .index__item-content {margin-top: 0px;}
}