.top-card{
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}

.bottom-cards{
    display: flex;
    gap: 4em;
}

@media only screen and (width < 800px){
    .bottom-cards{
        flex-direction: column;
    }
}

.leaders{
    margin-bottom: 6em;
}

.card {
    flex: 1;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(160, 160, 160, 0.2), 0 6px 20px 0 rgba(160, 160, 160, 0.2);
    word-wrap: break-word;
    background-color: var(--cl-secondary);
    max-width: 256px;
    overflow: hidden;
    padding: 0;

    img{
        height: 16em;
        object-fit: cover;
    }

    .body {
        padding: 0 1em 1em;
        display: flex;
        flex-direction: column;

        h3 {
            margin-bottom: 0;
        }

        p {
            margin-top: 0em;
        }

        a.decorated {
            align-self: center;
        }
    }

}

.footer-wave{
    margin-top: 3em;
}