html { font-family: sans-serif; font-size: 1.2em; background: #f2f2f2;}div { margin: 1px}#divimgh1 { width: 25%; float: left;} img {display: inline-block;float: left; }.first { width: 30%; display: inline-block; border: solid 1px #e8e8ec; border-radius: 8px; padding: 1px; text-align: center;} .topnav { background-color: #1639c6; overflow: hidden; direction: rtl; clear: both; width: 98%; border: solid 1px #1639c6; border-radius: 5px;} .topnav a { float: right; display: block; color: white; text-align: center; padding: 16px 14px; text-decoration: none; }.active { background-color: #54729a;}.topnav .icon { display: none;}.dropdown { float: right; overflow: hidden;} .dropdown .dropbtn { font-size: 17px; font-style: italic; border: none; outline: none; color: white; padding: 16px 14px; background-color: inherit; margin: 0; }.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} .dropdown-content a { float: none; color: black; padding: 16px 14px; text-decoration: none; display: block; text-align: right; }.topnav a:hover, .dropdown:hover .dropbtn { background-color: #6495ed;}.dropdown-content a:hover { background-color: #ddd; color: black;}.dropdown:hover .dropdown-content { display: block;}#divimag { float: left; width: 78%; left: 0;}#divcontent { width: 100%; } .sidebar { width: 20%; background-color: #f1f1f1; overflow: auto; float: right; } .sidebar a { display: block; padding-top: 15px; padding-bottom: 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; }.footer { width: 100%; clear: both; text-align: right; background-color: #abbaba; color: #000;}h2 { color: #6495ed;}h3 { color: #008b8b;}h4 { color: #8a2be2;}h5 { color: brown;}h6 { color: #f0f;}a { text-decoration: none;}@media screen and (max-width:900px) { .first { width: 48%; margin-left: auto; margin-right: auto; } .first img { width: 95%; height: 205px; display: inline-block; } img { width: 100%; height: auto; } #divcontent { width: 100%; height: auto; } #divimag { width: 100%; height: auto; } .sidebar { width: 100%; height: auto; }  .topnav a:not(:first-child), .dropdown .dropbtn { display: none; } .topnav .active a { padding-bottom: 0; } .topnav a.icon { float: left; display: block; } .topnav.responsive { position: relative; } .topnav.responsive a.icon { position: absolute; left: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: right; } .topnav.responsive .dropdown { float: none; } .topnav.responsive .dropdown-content { position: relative; } .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: right; }}