html, body { height: 100%; }

body, p {
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 14px;
    padding:0 10px
}
    
.mobile { display: none; width: 375px;}

  @media only screen
    and (min-device-width : 300px)
    and (max-device-width : 480px){ 
      .mobile {display: inline;}
      body, p {font-size: 1.7em;}
      img { width: 100%}
  }
  
.unfriendly { display: inline; }

  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .unfriendly { display: none;}
  }
  
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

div.centered 
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}

div.centered table
{
    border: none;
    margin: 0 auto; 
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    }

 small {
    font-size: 12px;
    color: #444;
    line-height: 2.9;
        }
        
.medium {
    font-weight: 600;
}

 footer {
    font-size: 10px;
    width: 100%;
    bottom: 20;
    position: fixed;
    text-align: center;
        }