#progetto .progetti {
display: grid;
gap: 40px;
grid-template-columns: repeat(3, 1fr);
}
#progetto .progetti .progetto {
width: 100%;
padding: 40px;
}
@media (max-width: 768px) {
#intro .logo {
top: 25%;
width: 90%;
margin: 0 5%;
}
#intro .image {
width: 100%;
height: 50%;
bottom: 0;
transform: translateY(0);
}
#aderire .image,
#disciplina .image {
position: relative;
width: 100%;
padding-top: 100%;
margin-bottom: 5%;
}
#aderire .text-container,
#disciplina .text-container {
width: 100%;
margin: 0;
}
#progetto .title {
margin-bottom: 5%;
}
#aderire .btn-group {
margin: 5% 0;
}
#progetto .progetti {
grid-template-columns: repeat(1, 1fr);
}
}