.activites {
width: 100%;
align-items: flex-start;
margin: 50px 0 70px;
}
.activites h2 {
margin: 0;
margin-bottom: 40px;
}
.activites__cols {
width: 100%;
justify-content: flex-start;
align-items: stretch;
flex-flow: wrap;
gap: 46px 23px;
}
.activites__col {
width: calc(100% - 120px);
background-color: var(--pink);
padding: 60px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 24px;
}
.activites__col.medium {
width: calc(50% - 132px);
}
.activites__col h3 {
position: relative;
z-index: 2;
margin: 0;
margin-bottom: 20px;
}
.activites__col hr {
height: 3px;
}
@media (max-width: 1280px) {
.activites__col.medium {
width: calc(100% - 120px);
}
}
@media (max-width: 600px) {
.activites {
margin: 30px 0;
}
.activites__cols {
gap: 20px;
}
.activites__col,
.activites__col.medium {
width: calc(100% - 80px);
padding: 40px;
}
}