* { box-sizing: border-box;}
		.row::after {  content: "";clear: both;  display: block;}
		h1,h2,h3	{text-align:center}
		.a	{width:35%;float:right;direction:rtl;padding:1%;font-size:17px}
		.a  li	{background: #ffe699;font-size:19px}
		.a   a	{text-decoration:none}
		.b	{width:64%;height:620px;overflow:scroll;float:right;padding:.4% 2% .5% 2%;background:#cc9900}
		.b img	{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
		@media only screen and (max-width: 600px) {
 		   /* For mobiles: */
		body	{font-size:13px}
		.a	{width:100%;font-size:13px}
		.b	{width:100%;padding:1%}
		}