/*----team-page styling----*/

.team-grid {
    padding: 0 10vw;
    width: 100%;
    margin-top: 7.5vh;
}

.page-heading {
    font-family: "source sans pro";
    font-weight: 900;
    font-size: 10vw;
    padding: 0.8em 0 !important;
}

.team-member {
    margin-bottom: 10%;
}

.team-member h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 100%;
}

.team-member h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 100%;
}

.mmbr-photo {
    height: 40vw;
    margin-bottom: 10%;
    background-color: #f0f4f9;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#mmbr-1 {
    background-image: url(../img/team_members/thakshi.jpg);
}

#mmbr-2 {
    background-image: url(../img/team_members/gihan.jpg);
}

#mmbr-3 {
    background-image: url(../img/team_members/chinthaka.jpg);
}

#mmbr-4 {
    background-image: url(../img/team_members/aushadhi.jpg);
}

#mmbr-5 {
    background-image: url(../img/team_members/srirama.jpg);
}

#mmbr-6 {
    background-image: url(../img/team_members/lasantha.jpg);
}

#mmbr-7 {
    background-image: url(../img/team_members/malshan.jpg);
}

/*----Desktop----*/
@media (min-width:992px) {

    .team-grid {
        padding: 0;
        margin-top: 7.5vh;
        width: 86%;
    }

    .team-row {
        margin: 0 -1.5vw;
    }

    .page-heading {
        font-size: 4vw;
        padding: 1em 0 1em 0;
    }

    .team-member {
        padding: 1vw 1.5vw;
        margin-bottom: 0;
    }

    .team-member h1 {
        font-size: 1.4vw;
        margin-bottom: 0.23em;
    }

    .team-member h2 {
        font-size: 1.3vw;
    }

    .mmbr-photo {
        height: 18vw;
        margin-bottom: 5%;
    }

    /* #mmbr-1:hover {
        background-image: url(../img/Team_members/member_01/member_01_fr.png);
    } */

}