* { box-sizing: border-box; margin: 0; padding: 0; } .container { font-family: Arial, sans-serif; font-size: 16px; background-color: blue; width: 780px; margin: auto; } h1, h2, h3, h4, h5, h6 { margin: 1em 0; font-weight: bold; } a { color: #007bff; text-decoration: none; } a:hover { color: #0056b3; } header img { display: block; margin: auto; } .border-area-top { background: url(images/topbar.gif) repeat-x; } main { display: flex; } .left, .right { width: 20%; } .content-area { width: 60%; } .menu { background:#06a1f4; } .menu-items { background: #6ccbff; margin: 5px; } .menu-items-1 { height: 200px; } .menu-items-2 { height: 298px; } .menu-title { background: #057eff; text-align: center; color: white; font-weight: 500; margin: 8px; font-size: 14px; } .menu-items a { display: block; background: url(images/menu2button.jpg) no-repeat; color: white; font-size: 12px; margin: 8px; text-align: center; } .generic-ad { background: white; margin: 5px; } .generic-ad img { display: block; margin: auto; } .border-area-btm { background: url(images/btmbar.gif) repeat-x; } .main-content { display: flex; background-color: red; margin: 8px 5px 5px 5px; } .content-text__title { color: yellow; text-align: center; margin: 10px; font-size: 14px; } .content-text__text { color: white; text-align: justify; margin: 10px 5px; font-size: 12px; } .right-menu-item1{ background-color: #ee00ff; margin-top: 8px; padding: 5px; height: 207px; } .right-menu-item1__inside { background-color: #f348ff; } .download-title { background: #e10df0; margin: auto; display: block; } .right-menu-item1 p { display: block; margin: 5px; text-align: justify; } .right-menu-item1__inside img { display: block; margin: auto; } .download-btn { display: block; margin: 10px; } .footer-top { display: flex; margin: auto; color: white; margin: 5px; justify-content: center; } .footer-top a { color: white; margin: 0 5px 0 5px; font-size: 14px; } .footer-bottom { font-size: 12px; color: white; text-align: center; padding-bottom: 30px; }