* {
  box-sizing: border-box;
}
@media screen and (max-width: 500px) {

html,body 	{

	font-size: 16px;
	margin-left:2%;

	background-image:url('/marble-tan.jpg');
	touch-action: manipulation;
	}
<!--	
@media only screen and (orientation:portrait) {
  body {
    height: 100vw;
    transform: rotate(90deg);
  }
}
-->
p {
  text-align: justify;
  text-justify: inter-word;
  font-weight:700;
  margin-left:1%;
  margin-right:1%;
	}
	
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
  

.fruit {
        font-size:1.5em;
        font-weight:700;
        text-align:left;
        color:#000066;
        margin-left:5px;
}