.team {

}
article {
    margin-top: 90px;
}
article main  {
    min-height: calc(100vh - 90px - 124px);
}
article main section {

}
/* article main section .content {
    box-sizing: border-box;
    max-width: 1162px;
    padding: 50px 44px 0;
    margin: 0 auto;
}

article main section .content h2 {
    font: normal 400 36px / 44px "Lato", Helvetica, Arial, Verdana, sans-serif;
    color: #000000;
    margin-top: 0;
}
article main section .content p {
    font: normal 400 18px / 26px "Roboto";
    color: #000000;
} */


/* .team-member */
article main section .content .team-member  {
    width: 310px;
    background-color: rgba(242, 243, 243, 0.9);
}

article main section .content .team-member dt  {
    width: 100%;
    
}
article main section .content .team-member dt a {
    display: block;
    
}
article main section .content .team-member dt a img {
    width: 100%;
}
article main section .content .team-member dd {
    padding: 15px 25px 10px;
    margin: 0;
    text-align: center;
}

article main section .content .team-member dd h3 {
    font: normal 600 18px / 26px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #262b2e;
    margin: 0 0 5px;
}

article main section .content .team-member dd p {
    font: normal 600 13px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #262b2e;
    margin: 0;
}
/* team-member-list */
article main section .content .team-member-list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
article main section .content .team-member-list li {
    margin: 10px;
}
/* .team-member-profile */
article main section .content .team-member-profile {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

article main section .content .team-member-profile .team-member {
    flex-shrink: 0;
    width: 400px;
    margin: 0 20px 0 0;
}
article main section .content .team-member-profile .team-member h3 {
    font: normal 400 36px / 44px "Lato", Helvetica, Arial, Verdana, sans-serif;
}
article main section .content .team-member-profile .team-member p{
    font: normal 400 18px / 26px "Roboto";
}
article main section .content .team-member-profile .profile-desc {
    font: normal 400 18px / 26px "Roboto";
}
@media screen and (max-width: 1150px) {
    article {
        margin-top: 65px;
    }
}

@media screen and (max-width: 1040px) {
    article main section .content .team-member-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    article main section .content .team-member-profile {

    }
}
@media screen and (max-width: 906px) {
    article main section .content .team-member-profile {
        flex-wrap: wrap;
        justify-content: center;
    }
}