.nav-extra-links li:first-child a:hover {
    color: #000 !important}
.nav-extra-links li:first-child a {
    padding: 0.3rem 1.2rem !important;
    font-weight: bold !important;
    font-size: 1.1rem;
    font-weight: 500;
    color: black;
    background-color: #E51937;
    border: 1px solid #E51937;
    padding: 0 1.5rem;
    border-radius: 0;
    line-height: 2.5rem;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    -o-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;}

@media only screen and (min-width: 1024px) and (max-width: 1319px) {
    .nav-list-extra .nav-extra-links { display: flex !important;} .desktop-navigation .nav-list li {padding-left: 8px;  padding-right: 8px;} .desktop-navigation .nav-list-extra button {margin-left: 1rem;}
 .nav-extra-links li:not(:first-child){display:none};
}
@media only screen and (max-width: 1024px) {
    .nav-extra-links li:first-child a {color: #fff; font-size:0.9rem;}
     #sn-signin {width: 80%; padding-right: 1.5rem;} .nav-extra-links {float: right; list-style: none; !important}
        
}