.war-header { position: fixed; left: 35%; border-bottom: thin solid lightgrey; } @media only screen and (max-width: 1950px) { .war-header { left: 30%; } } @media only screen and (max-width: 1500px) { .war-header { left: 380px; } } .war-header-container { width: 920px; min-height: 168px; margin: auto; } .head-field { font-size: 22px; margin-top: 10px; margin-bottom: 10px; } .nav-tabs > li.active > a { background: #222222; } .nav-tabs { width: 980px; margin: auto; clear: both; border-bottom: 0; } .nav-tabs > li > a { background: #4b4b4b; } .nav-tabs > li:not(.active) > a:hover { background: #afafaf; color: #f5f5f5; } .nav-link { cursor: pointer !important; color: #FFF !important; } .nav-tabs > li.deactivated > a.nav-link { cursor: not-allowed !important; }