.team-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: url("../imgs/overlay.png") top left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* Modal Content */
.team-modal .modal-content {
  background-color: #fefefe;
  width: 953px;
  height: 566px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  -webkit-box-shadow: 0px 9px 30.4px 1.6px rgba(0, 0, 0, 0.69);
          box-shadow: 0px 9px 30.4px 1.6px rgba(0, 0, 0, 0.69);
  -webkit-border-radius: 3px;
          border-radius: 3px;
}

.team-modal .short-info
{
  background-color: #000;
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
}

.team-modal .large-info
{
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  padding: 55px 49px 55px 61px
}

.team-modal .large-info h4
{
  font-size: 30px;
  font-family: 'Exo2-Light';
  color: rgb(159, 122, 73);
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 0
}

.team-modal .large-info > span
{
  font-size: 21px;
  font-family: 'Exo2-Regular';
  color: rgb(0, 1, 1);
  line-height: 1.2;
}

.team-modal .large-info > p
{
  margin-top: 30px;
  font-size: 16px;
  font-family: 'PT_Sans-Web-Regular';
  color: rgb(88, 88, 88);
  line-height: 1.35;
  overflow-y: scroll; 
  padding-top: 30px;
  background: url("../imgs/gold_line.png") no-repeat top left;
  max-height: 339px;
}

.team-modal .short-info img
{
  display: block;
  max-width: 100%;
  width: 100%;
}

.team-modal .short-info .short-info-container
{
  margin-top: 35px;
  padding-left: 45px;
}

.team-modal .short-info .short-info-container span
{
  font-size: 16px;
  font-family: 'PT_Sans-Web-Regular';
  color: rgb(190, 190, 190);
  line-height: 1.5;
  display: block;
  margin-bottom: 15px
}

/* The Close Button */
.team-modal .close {
  background-color: #9f7a49;
  -webkit-box-shadow: 0px 0px 31.5px 3.5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 31.5px 3.5px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  position: absolute;
    top: -22px;
    right: -22px;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: block;
}

.team-modal .close:before
{
  content: "\00d7";
  color: #fff;
  margin-right: 17px;
    position: absolute;
    top: 2px;
    right: -2px;
    font-size: 34px;
    font-weight: 100;
}

.team-modal .close:hover,
.team-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}