#custom-header {
  background-color:#0f2a38;
  padding:18px 40px 17px;
  position:relative;
}

#custom-header .logo-container {
  float:left;
  max-width:188px;
}

#custom-header nav {
  float:right; 
  position:relative;
  top:7px;
}

#custom-header nav > a:nth-child(2):before {
  content: "Server "; 
}

#custom-header nav > a, #custom-header .updates-dropdown-container {
  margin-left: 30px;
  float:left;
}

#custom-header nav > a, #custom-header .show-updates-dropdown {
  color:#fff;
  display:inline-block;
  font-weight:500;
  text-shadow:0 1px 0 rgba(0,0,0,.1);
}

#custom-header nav > a:hover, #custom-header .show-updates-dropdown:hover {
  color:#bbb; 
}

#custom-header nav > a.active {
  color:#7EBB37;
}

#custom-header nav > a.active:hover {
  color:#A0DD59; 
}

#custom-header nav > a:first-child {
  margin-left:0px;
}

.updates-dropdown {
  right: 0px;
}

@media screen and (max-width: 700px) {
  #custom-header {
    text-align:center;
    padding-left:5%;
    padding-right:5%;
  }
  
  #custom-header .logo-container {
    float:none;
    display:block;
    margin-bottom:10px;
    max-width:none;
  }
  
  #custom-header .logo {
    max-width:188px;
    display:inline-block;
  }
  
  #custom-header nav {
    float:none;
  }
  
  #custom-header nav > a, #custom-header .updates-dropdown-container {
    margin-left:20px;
    float:none;
    font-size:14px;
  }
  
}

@media screen and (max-width: 475px) {
  #custom-header nav > a:nth-child(2):before {
    content:none;
  }
}





#custom-footer {
  background-color:#1a1a1a;
  padding:25px 40px;
  color:#666; 
  font-size:13px;
  line-height:20px;
  overflow:hidden;
}

#custom-footer .meta {
  float:left;
}

#custom-footer .links {
  float:right;
  position:relative;
  top:10px;
}

#custom-footer a {
  color:#999;
}

#custom-footer a:hover {
  color:#bbb; 
}

#custom-footer .links a {
  display:inline-block;
  margin-left:25px;
}

#custom-footer .links a:first-of-type {
  margin-left:0px;
}

@media screen and (max-width: 925px) {
  
  #custom-footer {
    text-align:center;
  }

  #custom-footer .links {
    top:0px;
    float:none;
    margin-bottom:10px;
  }
  
  #custom-footer .meta {
    float:none;
  }
  
}