.navigation-clear:before, .navigation-clear:after {
    content: " ";
    display: table;
}



#header .nav-extra,
#footer .nav-extra {
	float:right;
	width:220px;/** CHANGE THIS WIDTH IF ADDING MORE TO CONTAINER **/
	text-align:right;
	position:relative;
	z-index:101;
}

#header .social-links,
#footer .social-links						{ display:inline-block; vertical-align:middle; }
#header .social-links a,
#footer .social-links a{
  display:inline-block;
  font-size:2em;
  margin:3px 0px 0px 0px;
  padding:0px 10px 10px 10px;
  color:#FFFFFF;
  background:#23408F;
}
#header .social-links a:hover,
#footer .social-links a:hover {
  border:none !important;
  background:#00B6BC;
}
#header .social-links a span,
#footer .social-links a span,
#header .social-links a i,
#footer .social-links a i {
  display:inline-block;
  vertical-align:middle;
  font-style:normal;
}
#header .social-links a i,
#footer .social-links a i {
  font-family:'Open Sans', sans-serif;
  font-size:16px;
}


#header .nav-login,
#footer .nav-login {
	display:inline-block;
	vertical-align:middle;
	text-align:right;
	text-transform:uppercase;
	padding:15px 10px;
	text-align:center;
}
@media screen and (max-width:530px){
  #header .social-links a,
  #footer .social-links a {
    font-size:1.4em;
    margin:5px 0px 0px 0px;
    padding:0px 10px 5px 10px;
  }
}