.profile {
  margin-top: 160px;
  padding-bottom: 135px;
  position: relative; }
  @media screen and (max-width: 750px) {
    .profile {
      margin-top: 80px;
      padding-bottom: 50px; } }
  .profile::after {
    content: "";
    width: 100%;
    background: #daebf0;
    position: absolute;
    top: -80px;
    right: -500px;
    height: 0;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.0s;
    transition-duration: 1s; }
    @media screen and (max-width: 750px) {
      .profile::after {
        top: inherit;
        right: -100%;
        bottom: 0;
        height: 775px; } }
  .profile .txtArea {
    width: 700px;
    padding: 70px;
    background: #fff;
    position: absolute;
    top: 80px;
    right: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 1.5s; }
    @media screen and (max-width: 750px) {
      .profile .txtArea {
        width: 100%;
        position: inherit;
        float: none;
        top: inherit;
        right: inherit;
        margin: -80px 0 0 20px;
        padding: 40px; } }
    .profile .txtArea h2 {
      padding-bottom: 20px;
      display: inline-block;
      position: relative;
      font-size: 2.6rem !important;
      line-height: 1.2; }
      @media screen and (max-width: 750px) {
        .profile .txtArea h2 {
          font-size: 2.4rem !important; } }
      .profile .txtArea h2::after {
        content: "";
        width: 30px;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: #000; }
    .profile .txtArea p {
      text-align: justify; }
      .profile .txtArea p + p {
        margin-top: 20px; }
  .profile .imgWrap {
    width: 700px;
    float: left; }
    @media screen and (max-width: 750px) {
      .profile .imgWrap {
        width: 100%;
        float: none; } }
  .profile.animate .txtArea {
    opacity: 1;
    transform: translateY(0); }
  .profile.animate::after {
    height: 775px; }
    @media screen and (max-width: 750px) {
      .profile.animate::after {
        right: 0;
        height: 775px; } }
  .profile:nth-of-type(even) {
    margin-top: 260px; }
    @media screen and (max-width: 750px) {
      .profile:nth-of-type(even) {
        margin-top: 80px; } }
    .profile:nth-of-type(even) .imgWrap {
      float: right; }
      @media screen and (max-width: 750px) {
        .profile:nth-of-type(even) .imgWrap {
          float: none; } }
    .profile:nth-of-type(even) .txtArea {
      right: inherit;
      left: 0; }
      @media screen and (max-width: 750px) {
        .profile:nth-of-type(even) .txtArea {
          margin: -80px 0 0 -20px; } }
    .profile:nth-of-type(even)::after {
      left: -500px;
      right: inherit; }
      @media screen and (max-width: 750px) {
        .profile:nth-of-type(even)::after {
          left: -100%;
          right: inherit; } }
    .profile:nth-of-type(even).animate::after {
      left: -500px;
      right: inherit; }
      @media screen and (max-width: 750px) {
        .profile:nth-of-type(even).animate::after {
          left: 0;
          right: inherit; } }

.btn {
  margin: 200px auto 150px !important; }
  @media screen and (max-width: 750px) {
    .btn {
      width: calc(100% - 40px) !important;
      margin-top: 60px !important;
      margin-bottom: 100px !important; } }
  .btn a::before {
    content: "";
    width: 20px;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .btn a::after {
    content: "";
    width: 6px;
    height: 6px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    display: block;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  @media print, screen and (min-width: 751px) {
    .btn a:hover::before {
      width: 30px;
      right: 12px;
      background: #fff; }
    .btn a:hover::after {
      right: 12px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff; } }