#topbar {
  z-index:0;
  height:60px;
}

#navbar {
  z-index:200;
  border-bottom:3px solid #cb0837;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background-color:rgba(0,0,0,0.7);
  height:60px;
}

body.admin-bar #navbar {
  top: 32px;
}

#navbar .content {
  position:relative;
  width:1000px;
  margin:0 auto;
  transition: 0.5s ease all;
}

#navbar .content .logo {
  float:left;
  position:absolute;
  left:0;
  top:10px;
}

#navbar .content .logo img {
  transition: 0.5s ease all;
}

#navbar .content .nav {
  float:right;
  position:relative;
}
#navbar .content .nav a {
  font-size:1.5em;
  margin:25px 5px 5px;
  display:block;
  float:left;
  text-align:center;
  width:46px;
  height:46px;
  padding-top:5px;
  border-radius:100px;
  background-color:#111;
  border:2px solid black;
  color:black;
  transition: 0.3s ease all;
  color:#cb0837;
  color:white;
}
#navbar .content .nav a:hover {
  background-color:#cb0837;
  border:2px solid #cb0837;
  color:white;
}