body{ overflow-x:hidden; max-width:100vw; }
#page .rte p{ max-width:100%; }

.zpf{ width:100%; margin:30px auto 20px auto; }
.zpf-r{ display:block; clear:both; margin-bottom:45px; }
.zpf-c{ display:inline-block; width:calc(50% - 4px); vertical-align:top; padding:0 5%; vertical-align:middle; }
.zpf-c.zpf-full{ display:block; width:100%; }

.zpf-c-txt-title{ font-size:29px; font-weight:bold; margin:0 0 20px 0; }
.zpf-c-txt-content, .zpf-c-txt-content > *{ font-size:15px!important; line-height:20px!important; font-weight:normal; font-family:inherit!important; }

.zpf-img-only, .zpf-c-img{ text-align:center; }
.zpf-img{ display:inline-block; height:auto; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:25px; }
.zpf-img-back{ display:none; border-radius:25px;  }

@media ( min-width:996px ){
   .zpf-c{ margin-bottom:65px; }
   .zpf-c-imgs-wrapper{ position:relative; height:271px; perspective:1400px; transform-style:preserve-3d; }
   .zpf-img, .zpf-img-back{ position:absolute; display:inline-block;width:100%;height:auto; background-position:center; background-repeat:no-repeat; background-size:cover; top:0px; left:30px; box-shadow:2px 2px 25px 0 rgba(0,0,0,.17); }
   .zpf-img-back{ top:30px; left:0; }

   .zpf-img-cnt{ transition: transform 0.5s ease; }
   .zpf-img-cnt.front{ transform: translate3d(15%, 0, -100px); }
   .zpf-img-cnt.back{ transform: translate3d(0%, 0, 0px); }
   .zpf-c-imgs-wrapper:hover .zpf-img-cnt.front{ transform: translate3d(0%, 0, 0px); }
   .zpf-c-imgs-wrapper:hover .zpf-img-cnt.back{ transform: translate3d(15%, 0, -100px); }
}

@media ( max-width:996px ){
   .zpf-r{ margin-bottom:45px; }
   .zpf-c{ display:block; width:100%; margin:0 auto 30px auto; vertical-align:top; }

   .zpf-c-txt{ padding:0; }
   .zpf-c-txt-title{ font-size:22px; margin-bottom:20px; }
   .zpf-c-txt-content, .zpf-c-txt-content > *{ font-size:14px!important; line-height:18px!important; }

   .zpf-img{ height:auto; width:90%; }
}