header{background:linear-gradient(180deg, #DCDDDD 0%, #fff 100%);padding:.3rem 0}header nav .navbar-brand img{width:150px;transition:width linear 100ms}header nav .nav-item .nav-link{font-family:Arial;font-weight:bold;color:#959595;padding:.5rem 1rem !important;position:relative}header nav .nav-item .nav-link:after{content:"";display:block;height:4px;width:0;background-color:#e31d13;position:absolute;bottom:0;left:0;transition:width .3s ease}header nav .nav-item .nav-link.active,header nav .nav-item .nav-link:hover{background-color:#e5e5e5;color:#959595}header nav .nav-item .nav-link:hover:after,header nav .nav-item .nav-link.active:after{width:100%}header.nav-fixed{padding:0 0}header.nav-fixed nav .navbar-brand img{width:100px !important}@media(max-width: 62rem){header nav .navbar-toggler{border:none;padding:0;width:3rem;height:3rem;border-radius:50%;background-color:#e31d13}header nav .navbar-toggler i{color:#fff}header nav .navbar-toggler:focus{box-shadow:none;background-color:#dcdddd}header nav .btn-close:focus{box-shadow:none}header nav .navbar-brand img{width:130px}header nav .offcanvas{background:linear-gradient(180deg, #DCDDDD 0%, #fff 100%)}header nav .nav-item{margin-bottom:1rem}}