#header { width: 100%; min-height: 50px; padding: 5px 20px; background-color: rgba(10, 10, 10, .2); line-height: 40px; /*isn't it too much?*/ font-size: 28px; font-weight: 800; color: #fff; } .footer { width: 100%; min-height: 30px; padding: 10px 20px; background-color: rgba(10, 10, 10, .1); font-size: 14px; color: #777; text-align: left; } .wrap { width: 1024px; min-height: 100vh; margin: 0 auto; background-color: rgba(200,200,200,.2); } nav { background-color: rgba(200,200,200,.2); } nav > a { padding: 10px 15px 12px; border-radius: 2px; color: #333; } nav > a:hover { background-color: #3ce; color: #fff; }