body{margin: 0; font-family:sans-serif,Tahoma; direction: rtl;font-size:1.1em;background-color:#f2f2f2}#Divleft{width:78%;float:left;padding-left:10px}#Divh1{background-color:#e6e4e4;color:#61566e;padding:15px;text-align:center;border-bottom:7px solid #d9d7d7}a{text-decoration:none;}img{display:block;max-width:100%;height:auto;float: left;}.sidebar { width: 20%; background-color: #f1f1f1; overflow: auto; float: right;} .sidebar a { display: block; padding:15px; text-decoration: none; border-bottom: solid 2px white; } .sidebar a.active { background-color:#40508d; color: white; } .sidebar a:hover:not(.active) { background-color: #555; color: white; }div.content { padding:16px}@media screen and (max-width: 700px) { #Divleft,.sidebar { width:98%;}}.topnav{overflow:hidden;background-color:#e6e4e4;position:fixed;bottom:0;width:100%;}.topnav a{float:right;color:#47b5eb;text-align:center;padding:17px;border-right:solid;border-color:floralwhite;}.topnav a:hover{background-color:#ddd;color:black;}.topnav a.active{background-color:#cfcec8;color:cornflowerblue;}@media(max-width:620px){.topnav a{width:22%;padding:17px 0 17px 0}}h2{color:cornflowerblue}h3{color:darkcyan}h4{color:blueviolet}h5{color:brown}h6{color:fuchsia}