.box-shadow-twin {
    position: relative;
    /* width: 480px; */
    /* height: 7em; */
    padding: 20px;
    background: #fff;
    text-align: center;
    font-size: 24px;
    border-radius: 16px;
    border: 1px solid #efefef;
  }
   
  .box-shadow-twin:before,
  .box-shadow-twin:after {
    z-index: -1;
    content: "";
    position: absolute;
    bottom: 0;
    width: 34%;
    height: 50%;
    background: #999;
    box-shadow: 0px 0px 20px 18px #999;
    -moz-box-shadow: 0px 0px 20px 18px #999;
    -webkit-box-shadow: 0px 0px 20px 18px #999;
    border-radius: 4px;


  }
   
  .box-shadow-twin:before {
    left: 27px;
    bottom: 10px;
    transform: rotate(-5deg) skew(-10deg, 0deg);
  }
   
  .box-shadow-twin:after {
    right: 27px;
    bottom: 10px;
    transform: rotate(5deg) skew(10deg, 0deg);
  }

  .drop-shadow-trick{
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
  }

  .vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .full-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  @font-face {
    font-family: 'PF Fusion Sans Pro Heavy';
    src: url(../fonts/PF\ Fusion\ Sans\ Pro\ Heavy.ttf);
    font-size: 1.2em;
  }