.handyModal-wrapper {

   display: none;
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;

   z-index: 999;

 }

 .handyModal-wrapper {

   background: hsla(0,0%,25%,0.5);
 }

 .handyModal-wrapper.open {

   display: block;
 }
 

 .handyModal-wrapper > div.handyModal {

   border: thin solid black;
   box-shadow: 0em 0em 0.1em #ccc;
   width: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   overflow: hidden;
   box-shadow: 0em 0em 0.2em #444;

   background: white;

 }
 

 div.handyModal > div {

   position: relative;
   width: 100%;
   height: 100%;
 }