.team-listing-module.contained{
 max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  padding-left:25px!important;
  padding-right:25px!important;
}

@media all and (max-width: 1480px){
.team-listing-module.contained{
  padding-left:50px!important;
  padding-right:50px!important;
}
}

.team-member-name-container{
font-weight:900;
  text-align:center;
  margin-top:10px;
}

.team-listing-introtext-container{
 margin-bottom:50px;
}

.team-listing-introtext-container p{
 font-size:25px; 
}

.entire-team-member-container{
 display:flex; 
  flex-flow: row wrap;
 margin: 0 auto;
    justify-content: center;
}

.team-member-image-container{
    border-radius: 25px;
  width:250px;
  height:250px;
  position:relative;
  margin:0 auto;
  margin-top:15px;
/*   filter: grayscale(1); */
}

.team-member-image-container:hover{
  cursor:pointer;
      -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
    box-shadow: 0 0.4rem 2rem 0 rgb(36 49 95 / 20%);
/*   border: 3px solid #019EE0; */
}
}

.team-member-image-container:after{
  content:"";
    border-radius: 25px;
  width:250px;
  height:250px;
    display: block;
  visibility:hidden;
}

.team-member-image-container:hover:after{
     display:block!important;
  visibility:visible;
  -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
  border: 3px solid #019EE0;
}

.team-member-image-container img{
  width:250px;
  border-radius:25px;
  filter: grayscale(1);
}
.team-member-full-container{
 display:flex;
 flex-flow:column;
  width:25%;
  max-width:25%;
  align-items: basel;
    margin: 10px 0px;
  font-family:'Montserrat';
}

.team-member-social-media-icon-container{
 display:flex; 
 justify-content: center;
 margin-top:25px;
}

.team-member-social-media-icon-container a{
 margin:0px 5px; 
}

.team-member-linkedin-container:hover img{
     filter: brightness(0.1); 
}

.team-member-twitter-container:hover img{
     filter: brightness(0.1); 
}

.modal-content .team-member-position-container{
 width:100%; 
}

.team-member-position-container{
 text-align:center!important;
  margin:0 auto;
  font-size: 10px;
  line-height:13px;
    width: 50%;
    margin-top: 10px;
}

/* The Modal (background) */

.modal-both-side-container{
  display:flex;
  justify-content: space-between;
  align-items:flex-start;
}

.modal-left-side-container{
  width:24%;
  max-width:24%;
  text-align:center;
}

.modal-right-side-container{
  width:74%;
  max-width:74%;
}

.team-member-modal-image-container img{
  filter:grayscale(1);
 width:250px;
 height:250px;
 border-radius:15px;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 50px;
  border: 1px solid #888;
  width: 45vw; /* Could be more or less, depending on screen size */
  position:relative;
}

@media all and (min-width:1201px) and (max-width:1400px){
  .modal-content {
  width: 60vw;
  }
}

@media all and (min-width:981px) and (max-width:1200px){
  .modal-content {
  width: 65vw;
  }
}

@media all and (max-width:980px){
  .modal-content {
 width:80vw;
}
}

/* The Close Button */
.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
    top: 3%;
    right: 3%;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media all and (max-width:1200px){
 .team-member-full-container {
    display: flex;
    flex-flow: column;
    width: 33%;
    max-width: 33%;
    align-items: center;
    margin: 10px 0px;
}  
}

@media all and (max-width:980px){
  .team-member-full-container {
    display: flex;
    flex-flow: column;
    width: 50%!important;
    max-width: 50%!important;
    align-items: center;
    margin: 10px 0px;
}  
  
 .modal-both-side-container{
   flex-flow:column;
  }
  .modal-left-side-container{
  width:100%;
  max-width:100%;
  text-align:center;
    margin-bottom:25px;
}

.modal-right-side-container{
  width:100%;
  max-width:100%;
}
}

@media all and (max-width:767px){
 .modal-content {
    width: 80vw;
    height: 80vh;
    overflow: scroll;
}
  .team-member-full-container {
    width: 100%!important;
    max-width: 100%!important;
}

.team-listing-introtext-container h2 {
    font-size: 19px!important;
    line-height: 27px!important;
}
  .team-listing-introtext-container p {
    font-size: 16px!important;
}
}