#outer {
width: 100%;
display: table; 
height: 100%;
 #position: relative; 
overflow: hidden;
font-family:arial;
}

#middle {
width: 100%;
text-align: center;
 #position: absolute;
 #top: 50%;
display: table-cell;
vertical-align: middle;
}

#inner {
/*width: 200px;*/
margin-left: auto;
margin-right: auto;
text-align: center;
/*text-align:left;*/
vertical-align: middle;
 #position: relative;
 #top: -50%;
}

#inner2 {
/*width:25%;*/
margin-left: 25%;
margin-right: 25%;
text-align:left;
vertical-align:middle;
}