body{
   text-align:center;
   width:100%;
}

#certification{
    text-align: center;
     vertical-align: middle;
     /*margin-left:2rem;*/
}

#membership {
    text-align: center;
    /*margin-left:2rem;*/
    vertical-align: middle;
}

.cert{
    width: 250px;
    margin: auto;
    border: 5px solid #343A40;
}

.mem{
    width: 300px;
    /* margin: auto; */
    border: 3px solid #343A40;
}

.cert-box {
    /*height: 300px;*/
    width: 300px;
    /*background-color: #ffffff;*/
    margin: 2rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
     vertical-align: middle;
}


.cert:hover {
    -webkit-transform:scale(1.5); /* or some other value */
    transform:scale(1.5);
}

.cert-items{
    display:flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    align-content: center;
    justify-items: center;
}


/*meet the team*/


h1{
    margin-bottom: 3rem;
    color: #D65A31;
}

h3{
  margin-top:3rem;
  color: #D65A31;  
}

#team{
    background-color: #F1F1F1;
    padding: 5rem 2rem;
    vertical-align: middle;
     /*margin-left:12rem;*/
     text-align: center; 
}

.team-member-img{
    width: 300px;
}

.organogram{
    width:900px;
    margin-top: 3rem;
}

.team-member-img2{
    width: 250px;
}

.portfolio{
    background-color: #FFFFFF;
    width: 300px;
    padding: 0.5rem;
    text-align: center;
}

.portfolio2{
    background-color: #FFFFFF;
    width: 250px;
    padding: 0.5rem;
    text-align: center;
}


.portfolio >p {
    color: #D65A31;
    line-height: 0.5;
}
.portfolio2 >p {
    color: #D65A31;
    line-height: 1;
}

.team-row {
    display:flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    align-content: center;
    justify-items: center;
}

.member-box {
    margin: 2rem 1rem;
    align-items: center;
    justify-content: center;
     vertical-align: middle; 
}
.member-box2 {
    margin: 2rem 1rem;
    align-items: center;
    justify-content: center;
     vertical-align: middle; 
}

.member-card{
    width: 300px;
}

.member-card2{
    width: 250px;
}


@media (max-width:1020px) {
  #certification{
    text-align: center;
     vertical-align: middle;
     margin:auto; 
  }
#membership {
    text-align: center;
    vertical-align: middle;
     margin:auto; 
}  

.cert-items {
    display:inline-table;
    justify-content: center;
    align-items: center;
    text-align:center;
    align-content: center;
}

#team {
    text-align: center;
    vertical-align: middle;
    /*padding: 3rem 5rem;*/
     margin:auto; 
}

.team-row {
    display:inline-table;
    justify-content: center;
    align-items: center;
    text-align:center;
    align-content: center;
}
  
}