:root{
   --nar-body-color:rgb(78, 75, 80);
   --var-body-light-color:rgb(132, 124, 138);
   --nav-logo-color: rgb(125, 1, 182);
}

.breaker_line{
    width:85%;
    margin-left: 7.5%;
    border-top: 2px solid #eee9f4;
    margin-top:120px;
}

.member-type{
   width:85%;
   margin-left: 7.5%;
   padding-left: 2vw;
   margin-top:8vw;
   margin-bottom:20px;
   text-align:left;
   align-items:center;
   background-color:white;
   font-size: 28px;
   color:var(--nav-logo-color);
}

.PI-box {
    display:inline-flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content:start;
    width:85%;
    position:relative;
    margin-left: 7.5%;
    margin-top:50px;
}

.photo {
    display:flex;
    margin: 5vw 12px 2vw 2vw;
    width:25vw;
    min-width:25vw;
    align-items:flex-start;
    justify-content: start;
    object-fit: contain;
    top:0;
 }

 .text-box {
    display:flex;
    flex-direction: column;
    width:100%;
    position:relative;
    justify-content:start;
    margin: 5vw 24px 2vw 48px;
    margin:auto;
    padding-top:1vw;
 }

 .member-name {
    font-size:28px;
    color: var(--nav-logo-color);
    font-weight: bold;
    align-items: center;
    justify-content:center;
    position:relative;
    text-align:center;
    margin-bottom:20px;
    padding-left: 48px;
    padding-right:24px;
 }

 .member-description {
    max-width:auto;
    align-items:start;
    justify-content: start;
    text-align:justify;
    font-size:20px;
    color:var(--nar-body-color);
    padding-left: 48px;
    padding-right:24px; 
 }


 @media screen and (max-width: 1200px) {
   .member-name {font-size:22px;
   margin-bottom:10px;
   padding-left: 3vw;
   padding-right:3vw; }
   .member-description {font-size:18px;
   padding-left: 3vw;
    padding-right:3vw; }


 @media screen and (max-width: 1050px) {
  .PI-box{flex-direction: column;}
  .photo {
    display:block;
    width:80%;
    margin-left: 7.5%;
    align-items:center;
    justify-content: center;
    object-fit: contain;
    top:5vw;
    max-width:400px;
    margin:auto;
    margin-top:5vw;
    margin-bottom:2vw;
 }

 .member-name {
   margin-bottom:2vw;
   padding-left: 3vw;
   padding-right:3vw; 
   }
 .member-description {
    max-width:auto;
    align-items:center;
    justify-content: center;
    text-align:justify;
    font-size:20px;
    color:var(--nar-body-color);
    padding-left: 3vw;
    padding-right:3vw; 
 }


}