html, body {
  height: 100%;
  width: 100%;
  /*text-align: center;*/ /*IE doesn't ~like this*/
  cursor: default;
}
.hfull { height:100%; min-height:100%; padding:0; margin:0}
.container-inner {position:relative; height:100%; overflow:hidden}
.container-inner ul {padding:0; margin:0}
.valign{display:table-cell; vertical-align:middle}
  .container-inner li div img {margin:auto;}
.momo {}
.mochi {}
.theData li {}
.theData li div{position:relative}
.theData li div img{}
.theData li div div.desc {position:absolute; bottom:0; z-index:100; width:100%}
.theData li div h3 {color: #28cb9b; font-size:12px; font-weight:bold;margin:0}
.theData li div p {margin:0; color:#FFF}


.name_ribbon {position:absolute; top:-25px; z-index:100; padding:0; left:50%}
.name_ribbon img {text-align:center; display:block; margin:auto}

.img-responsiveFull {min-width:100%;min-height:100%;}
@media (max-width: 768px) {



.momo,.mochi { height:50% !important; min-height:50% !important}
.content-wrapper ul, .content-wrapper ul li  {display:block;}
.content-wrapper ul li img {max-height:100% !important; width: auto !important;}

}