.offScreen {
   
    

    font-size:1.5em;
        margin:00px;
    font-family: 'Open sans', sans-serif;
    vertical-align: middle;
    padding:0px;
    border: 4px solid #e6e6e6;
    color: #000;
    background: #ffffff;
    border-radius: 15px;


      
 position: absolute;
 width:100%;
 top:-800px;
    transition:left 1s;
    -webkit-transition: left 1s;
  
}



.onScreen {
  text-align:center;
     font-size:3.0em;
-webkit-backface-visibility: hidden;
        margin:0px;
    font-family: 'Open sans', sans-serif;
    vertical-align: middle;
    padding:0px;
    border-bottom: 4px solid #e6e6e6;
    color: #000;
    background: #ffffff;
    
 position: absolute;
 width:100%;
 max-height:100px;
    top:0px;
    transition:left 1s;
    -webkit-transition: left 1s;
}



.background{
 background: #fff;
    width:100%; 
    margin:0; 
    padding:0;
    }