.mainPageLInks {width: 600px;}
.mainPageLInks__title {}
.mainPageLInks__items {display: flex; flex-wrap: wrap; flex-direction: column;  gap: 1.5rem;}
.mainPageLInks__item {flex: 0 0 100%; position: relative; overflow: hidden;}
.mainPageLInks__itemImg {position: absolute; left: 0; top: 0; bottom: 8.875rem; right: 0; background-position: center center; background-size: cover; transition: .5s;}
.mainPageLInks__itemContent {position: absolute; left: 0; bottom: 0; right: 0; background: var(--primary-color); display: flex; height: 8.875rem; padding: 0 2rem 0 1.75rem; transition: .5s;}
.mainPageLInks__item:hover .mainPageLInks__itemImg {transform: scale(1.1);}
.mainPageLInks__itemName {color: #fff;-ms-flex-item-align: center!important; align-self: center!important; line-height: 1.2; text-transform: uppercase; font-size: 1.5rem; font-family: lavrBold; padding-top: 2px;}

.mainPageLInks__itemContent:before {top: 1.625rem; width: 1.375rem; right: 0; bottom: 1.625rem; content: ''; position: absolute; display: block; background: var(--secondary-color)}
/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
	.mainPageLInks__itemImg { bottom: 6rem;}
	.mainPageLInks__itemContent { height: 6rem;}
}

/*phones*/
@media (max-width: 767px) { 
	.mainPageLInks__items {min-height: 20rem;} 
}