.theteam { padding: 0 2px; text-align: center; }
.theteam .col-6 { width: 14%; margin-bottom: 18px; position: relative; }
.theteam .col-6 .namerole { position: absolute; width: 100%; bottom: 12px; }
.theteam .col-6 .name { color: #ffffff; font-weight: 600; width: 100%; padding: 0 10px; margin: 0; }
.theteam .col-6 .role { color: #ffffff; width: 100%; padding: 0 10px; margin: 0; line-height: 0.86rem; }
.theteam .col-6 .role a { font-size: 0.86rem !important; }
.theteam .profile { width: calc(84% + 90px); margin: 30px auto 48px; display: none; }
.theteam .profile .profileinner { display: table; width: 100%; position: relative; }
.theteam .profile .imgwrapper { position: relative; display: table-cell; }
.theteam .profile .imgwrapper > img { width: 100%; }
.theteam .profile .bio { display: table-cell; vertical-align: middle; padding: 0 100px; width: 70%; }
.theteam .profile .bio h3 { text-align: left; font-weight: 700; padding: 0; margin: 0; line-height: 1; letter-spacing: 4px; }
.theteam .profile .bio .role { color: #859093; font-size: 1.0rem}
.theteam .profile .bio .role.smallunderline:after { border-bottom-color: #2F4449; }
.theteam .profile .bio p { font-size: 0.9rem}
.theteam .profile .videobutton { position: absolute; display: block; background: #e6560d; color: #f2f2f2; width: 100%; bottom: 0; left: 0; font-size: 16pt; text-align: center; text-decoration: none; font-weight: 600; padding: 4px 10px; }
.theteam .profile .videobutton img { display: inline-block; vertical-align: text-bottom; }
.vbox-close { top: 72px !important; }

@media screen and (max-width: 1160px)
{
  .theteam .profile .bio { padding: 0 0 0 40px; }
}

@media screen and (max-width: 700px)
{
  .theteam .col-6 { margin: 0 4px 8px; }
  .theteam .col-6 .name a { font-size: 0.8rem !important; }
  .theteam .col-6 .role a { display: none; }
  .theteam .profile { width: calc(84% + 40px); margin: 15px auto 24px; }
  .theteam .profile .videobutton { font-size: 12pt; }
  .theteam .profile .videobutton img { width: 22px; }
}

@media screen and (max-width: 600px)
{
  .theteam .col-6 { width: 65%; }
  .theteam .col-6 img, .theteam .profile .bio { width: 100%; }
  .theteam .col-6 .name a, .theteam .col-6 .role a { display: block; font-size: 1.2rem !important; }
  .theteam .profile .imgwrapper { display: none; }
}

@media screen and (max-width: 550px)
{
  .theteam .profile .bio { padding: 0 0 0 20px; }
}

@media screen and (max-width: 400px)
{
  .theteam .profile img { display: none; }
}