.uslugi-container {
display: flex;
flex-wrap: wrap;
margin: 0 -10px -20px;
}
.uslugi-item {
width: calc(50% - 20px);
padding: 25px;
background: transparent;
text-align: left;
justify-content: flex-start;
margin: 0 10px 20px;
min-height: 1px;
transition: all 0.1s;
position: relative;
display: flex;
align-items: center;
}
.uslugi-bc-cover {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75));
z-index: -1;
transition: all 0.2s;
}
.uslugi-img-cover {
z-index: -2;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all .2s;
}
.uslugi-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 8px;
}
.uslugi-title-link {
color: white;
text-decoration: none;
}
.uslugi-description {
color: #fff;
font-weight: 300;
margin-bottom: 25px;
font-size: 16px;
}
.uslugi-item:hover>.uslugi-bc-cover {
opacity: 1;
}
@media (max-width: 767px) { .uslugi-item {
min-height: auto;
width: 100%;
}
.uslugi-title {
font-size: 18px;
}
.uslugi-description {
font-size: 15px;
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.uslugi-item {
padding: 20px
}
.uslugi-title {
font-size: 16px;
}
.uslugi-description {
font-size: 14px;
}
}