@import "src/scss/core/mixin";
.team-member {
    margin-bottom: toRem(170);
    @include mobile {
        margin-bottom: toRem(69.27);
    }
    h2 {
        @include normalHeading();
        @include mobile {
            font-size: toRem(14);
        }
    }
    ul.teams {
        display: flex;
        justify-content: space-between;
        gap: toRem(72) toRem(26);
        flex-wrap: wrap;
        @include mobile {
            gap: toRem(42) toRem(11);
        }
        li {
            width: calc(33.3333% - 26px);
            @include mobile {
                width: calc(50% - 5.5px);
            }
            img {
                border-radius: toRem(8);
                width: 100%;
            }
            &:last-child {
                margin-right: auto;
            }
        }
    }
    .team-info {
        font-size: toRem(20);
        line-height: toRem(26);
        margin-top: toRem(23);
        @include tablet {
            font-size: toRem(11);
            line-height: toRem(14.3);
            margin-top: toRem(12.24);
        }
        h3 {
            @include normalHeading;
            font-size: toRem(20);
            line-height: toRem(26);
            margin-bottom: 0;
            @include tablet {
                font-size: toRem(11);
                line-height: toRem(14.3);
                margin: 0;
            }
        }
        p {
            margin-bottom: 0;
        }
    }
}