.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 720px;
}

.Aligner-item {
  max-width: 50%;
  position: relative;
}

.overlay {
  position: absolute;
  top: 109px;
  left: 26px;
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .phone {
     display : none;
   }
   .Aligner{width:100%;height:100%;display : block;min-width:100%;max-width:100%;}
   body{
 width:100%;
 height:100%;
 margin: 0;
   }
     html{
 width:100%;
 height:100%;
     margin:0;
 pasdding:0;
   }
   .Aligner-item{
   width:100%;
   height:100%;
   max-width:100%;
       margin:0;
   }
     .overlay{
       width: 100%;
       height: 100%;
     margin:0;
     top: 0;
     left: 0;
       position:relative;}
 }