.staff-directory-page .staff-directory-sec .left{width:16.5%}.staff-directory-page .staff-directory-sec .left .title{padding-bottom:.5rem;border-bottom:.055rem solid #e2e2e2;display:block}.staff-directory-page .staff-directory-sec .left button{padding:.55rem .55rem .55rem 2rem;font-weight:700;background:url(/_next/static/media/arrow-small.1829762b.svg) .55rem no-repeat;transition:all .3s linear;color:#000;background-color:#fff;border-radius:.27rem}.staff-directory-page .staff-directory-sec .left button.active{background-color:var(--light-brown);color:var(--primary-color)}.staff-directory-page .staff-directory-sec .right{width:76%}.staff-directory-page .staff-directory-sec table th:first-of-type{width:12%}.staff-directory-page .staff-directory-sec table th:nth-of-type(2){width:28%}.staff-directory-page .staff-directory-sec table th:nth-of-type(3),.staff-directory-page .staff-directory-sec table th:nth-of-type(4){width:30%}@media screen and (max-width:1023px){.staff-directory-page .staff-directory-sec .left{width:24%}.staff-directory-page .staff-directory-sec .left button{font-size:.8rem;background-size:.8rem;padding-left:1.7rem}.staff-directory-page .staff-directory-sec .right{width:72%}}@media screen and (max-width:639px){.staff-directory-page .staff-directory-sec .left{width:28%}.staff-directory-page .staff-directory-sec .right{width:68%}}@media screen and (max-width:479px){.staff-directory-page .staff-directory-sec .left{width:100%}.staff-directory-page .staff-directory-sec .left .tab-sec{flex-direction:row;margin-top:1rem}.staff-directory-page .staff-directory-sec .right{width:100%;margin-top:1rem}}