.leadership-grid-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slot-single-linkedin-link {
    position: sticky;
    top: 30%;
}

.leadership-grid-body {
    display: grid;
    grid-template: auto auto auto / 300px 300px 300px;
    grid-gap: 80px;
    margin: 0px auto;
    justify-content: center;
}

.slot-single-top {
    justify-self: center;
}

.headshot {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.5s ease;
}

.leadership-detail-wrapper {
    display: flex;
}

.leadership-detail-header {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: 7%;
}

.leadership-detail-left {
    width: 70%;
    border-right: 2px solid #a9a3a3;
    padding-right: 2rem;
}

.leadership-detail-description {
    color: #00003c;
    text-align: start;
    font-size: large;
    margin-left: 7%;
}

.leadership-detail-right {
    width: 30%;
    padding-left: 2rem;
}

.headshot-detail {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    transition: 0.5s ease;
}

.leadership-grid-body-detail {
    grid-template: repeat(9, auto) / 300px;
}

@media only screen and (max-width: 767px) {
    .leadership-grid-header {
        align-items: start;
    }

    .leadership-grid-header p {
        text-align: start !important;
        font-size: medium !important;
        width: 100% !important;
    }

    .slot-single-linkedin-link {
        position: sticky;
        top: 10%;
    }

    .leadership-grid-body {
        grid-template: repeat(9, auto) / 100%;
        gap: 40px;
    }

    .leadership-detail-wrapper {
        flex-direction: column;
    }

    .leadership-detail-left {
        width: 100%;
        padding: 0;
        border-right: none;
        border-bottom: 2px solid #a9a3a3;
    }

    .leadership-detail-left h3 {
        font-size: large;
    }

    .leadership-detail-header {
        align-items: center;
    }

    .leadership-detail-description {
        font-size: small;
        margin: 2rem 0 2rem 3rem;
    }

    .leadership-detail-right {
        width: 100%;
        margin-top: 2rem;
        padding-left: 0 !important;
    }

    .leadership-detail-right h3 {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .leadership-grid-body {
        grid-template: repeat(5, auto) / 300px 300px;
    }
}