header .nav-buttons i{
  color:#fff;
}

nav{
  background:#4497CE;
}

@media screen and (max-width:645px){
  header .logo {
    margin: 33px 40px 5px 0;
  }
}

@media screen and (max-width:449px){
  header .user-section a{
    margin: 0 15px 0 0;
  }
  header .user-section a i{
    margin-right: 2px;
  }
}

@media screen and (max-width:385px){
  .container.top{
    text-align: center;
  }
  .logo.f-left{
    float: none;
    margin-right: 10px;
  }
  header .user-section a{
    margin: 0 10px 0 0;
  }
  header .user-section a i{
    margin-right: 7px;
  }
  header .cart{
    float: none;
  }
  header .user-section{
    float: none;
  }
}