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

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

/** SOCIAL LINKS **/
.nav-extra .social-links {
    display: inline-block;
    vertical-align: middle;
}

.nav-extra .social-links a {
    display: inline-block;
    font-size: 1.8em;
    padding: 5px;
}

.nav-extra .social-links a {
    color: #000067;
}

.nav-extra .social-links a:hover {
    color: #ff580f;
}

#header .nav-login,
#footer .nav-login {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
}




/** RESPONSIVE **/
@media screen and (max-width: 530px) {

    #header .nav-extra,
    #footer .nav-extra {
        float: none;
        width: auto;
        text-align: center;
    }

    .responsive-menu .nav-link-menu {
        display: block;
        width: 100%;
        text-align: center;
    }

    .pg-footer .navigation.responsive-menu-wrapper {
        bottom: 80px !important;
    }
}