body {
	background-image: url(images/bc.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 200px;
   height: 200px;
   margin-top: -100px; /* Half the height */
   margin-left: -100px; /* Half the width */
}

html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}

@media screen 
  and (max-width: 350px) 
  and (orientation: portrait) {
  
  img {
   position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 30%;
    margin-top: -25%;
    margin-left: -25%;
}

html, body, #wrapper {
   height:100%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}

}