.person_detail .column.column-secondary .area.synopsis {
  border: none;
  margin: 0;
}
.company_detail .preface {
  padding: 0rem 0rem 0.4rem;
}
.person_detail #profileimagearea .figure {
  float: left;
  width: 50%;
}
.person_detail #profileimagearea .figure.no-image {
  background: url(../images/person/no-photo.png) no-repeat 50%;
  background-size: cover;
  height: 35.2rem;
}
.person_detail #profileimagearea .splash {
  float: left;
  position: relative;
  background: url(../images/person/splash.png) no-repeat;
  background-size: cover;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 17.2rem;
  height: 17.2rem;
}
.person_detail #profileimagearea .splash .splash-content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  color: #FFF;
  line-height: 1.4rem;
  font-size: 1.4rem;
}
.person_detail #profileimagearea .splash .splash-content h3 {
  color: #FFF;
  padding: 0rem 0rem 0.3rem;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-width: 1366px) {
  .person_detail #profileimagearea .splash {
    top: 3.3rem;
    left: 3.3rem;
    padding: 3.3rem;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .person_detail #profileimagearea .splash {
    top: 3.3rem;
    left: 3.3rem;
    padding: 3.3rem;
  }
}
@media (min-width: 950px) and (max-width: 1279px) {
  .person_detail #profileimagearea .figure.no-image {
    height: 29rem;
  }
  .person_detail #profileimagearea .splash {
    top: 2.4rem;
    left: 2.4rem;
    padding: 2.4rem;
    width: 14rem;
    height: 14rem;
  }
}
@media (min-width: 737px) and (max-width: 949px) {
  .person_detail .primary-area .column.column-primary {
    width: -webkit-calc(0rem * 0.33333333333333 + 100% * 0.33333333333333);
    width: calc(0rem * 0.33333333333333 + 100% * 0.33333333333333);
    overflow: visible;
    z-index: 99;
  }
  .person_detail #profileimagearea .figure {
    width: 100%;
  }
  .person_detail #profileimagearea .figure.no-image {
    height: 29rem;
  }
  .person_detail #profileimagearea .splash {
    float: right;
    bottom: 9.8rem;
    right: -1.4rem;
    padding: 2.1rem;
    width: 14rem;
    height: 14rem;
  }
}
@media (min-width: 415px) and (max-width: 736px) {
  .person_detail #profileimagearea .splash {
    top: 2.1rem;
    left: 2.1rem;
    padding: 2.1rem;
  }
  .person_detail #profileimagearea .figure.no-image {
    height: 29rem;
  }
  .person_detail #profileimagearea .splash {
    top: 2.1rem;
    left: 2.1rem;
    padding: 2.1rem;
    width: 14rem;
    height: 14rem;
  }
}
@media (min-width: 1px) and (max-width: 414px) {
  .person_detail #profileimagearea .splash {
    top: 3rem;
    left: 3rem;
    padding: 3rem;
  }
  .person_detail #profileimagearea .figure.no-image {
    height: 18rem;
  }
  .person_detail #profileimagearea .splash {
    top: 2rem;
    left: 2rem;
    padding: 2rem;
    width: 12rem;
    height: 12rem;
    max-width: 50%;
  }
}
@media (max-width: 1px) {
  .person_detail .primary-area .column.column-primary {
    width: -webkit-calc(0rem * 0.33333333333333 + 100% * 0.33333333333333);
    width: calc(0rem * 0.33333333333333 + 100% * 0.33333333333333);
    overflow: visible;
    z-index: 99;
  }
  .person_detail #profileimagearea .figure {
    width: 100%;
  }
  .person_detail #profileimagearea .figure.no-image {
    height: 20rem;
  }
  .person_detail #profileimagearea .splash {
    float: right;
    top: auto;
    left: auto;
    bottom: 7rem;
    right: -1.4rem;
    padding: 2.1rem;
    width: 14rem;
    height: 14rem;
  }
}