a { color: #555; } .alert { margin-bottom: 10px; padding: 7px 15px; } .col-sm-9 { padding: 0px; } .col-sm-3 { padding: 0px; } @media screen and (min-width:800px) { .col-sm-3 { padding-left: 10px; } .col-xs-6 { width: 20%; padding: 2px 5px; } #list .col-xs-6 { width: 16.66%; padding: 2px 5px; } } p.text-center a { color: #555; } .img-responsive { margin: 0 auto; } .text-nowrap { overflow: hidden; } .panel-primary { border-color: #e877b8; } .panel-primary > .panel-heading { background-color: #e877b8; border-color: #e877b8; color: #fff; } .navbar-default { background-color: #e877b8; border-color: #e877b8; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default a.navbar-brand:hover, .navbar-default a.navbar-brand:focus { color: yellow; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #ca6aa1; color: #fff; } panel-body { padding: 3px 5px; } footer { margin: 20px auto; margin-bottom: 30px; } @media screen and (min-width:800px) { footer nav.row { display: inline-block; width: auto; margin: 5px auto; text-align: center; } footer .col-sm-1 { width: auto; margin: auto; } } #context { margin-top:20px; }