#realta .card-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 5%;
}
@media (max-width: 768px) {
#intro {
height: 70%
}
#intro .logo {
width: 100%;
}
#intro .btn {
margin-top: 10px;
}
#intro .bg-green-color {
width: 200%;
}
#realta {
padding-bottom: 25%;
}
#realta .card-container {
margin-top: 10%;
grid-template-columns: 1fr;
gap: 10%;
}
#easy .image,
#kit .image,
#sport .image {
position: relative;
width: 90%;
margin-left: 5%;
height: auto;
padding-top: 90%;
margin-bottom: 10%;
}
#easy .image {
width: 80%;
padding-top:60%;
margin-left: 10%;
}
#easy .w-100:last-child .image{
width: 90%;
padding-top: 90%;
margin-left: 5%;
margin-bottom: 0;
}
#easy .w-100:last-child .text-container {
padding-bottom: 0;
}
#kit .image {
margin: 10% 0;
}
#easy .text-container,
#kit .text-container,
#sport .text-container {
width: 100%;
margin: 0;
}
}