@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}



html, body 
{

.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}