/* Mobile View */
@media screen and (max-width: 79.5rem){

#lang{
display:none;
}

#footer #lang{
display:block;
width:100%;
margin:.5rem 0;
}

#footer #lang ul{
display:flex;
justify-content:center;
list-style-type:none;
margin:0;
padding:0;
}

#footer #lang ul li span{
background:var(--bgr-gray-600);
font-family:var(--primary-font-family);
color:var(--clr-primary-100);
}


}


/* Desktop View */
@media screen and (min-width: 79.5rem){

#lang{
float:left;
display:flex;
width:auto;
height:1.75rem;
justify-content:flex-start;
align-items:center;
}

#lang ul{
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#footer #lang{
display:none;
}

#lang ul li span{
background:var(--bgr-gray-600);
font-family:var(--primary-font-family);
color:var(--clr-primary-100);
}

}

#lang ul li{
float:left;
text-align:left;
width:auto;
margin:0;
padding:0 .5em;
display:flex;
align-items:center;
}

#lang ul li:before{
display:none
}

#lang ul li span{
display:inline-block;
width:auto;
margin:0 .35rem 0 0;
padding:1px .15rem 0 .15rem;
text-decoration:none;
font-size:var(--fs-xs);
border-radius:.15rem;
line-height:1rem;
}

#lang a{
padding:2px 0 0 0;
font-family:var(--secondary-font-family);
color:var(--clr-primary-400);
text-decoration:none;
font-size:var(--fs-s);

}

#lang a:hover,
#lang a.on{
text-decoration:underline;
}