#languageSwitch > button span.langShort {
    text-transform: uppercase;
  }
  
  #languageSwitch > button span.langLong {
    display: none;
  }
  
  #languageSwitch {
    position: relative;
  }
  
  #languageSwitch button,
  #languageSwitch a {
    font-family: 'default-font-regular';
    
    color: #343434;
  }
  
  #languageSwitch button {
    font-size: 1rem;
    
    height: 100%;
    
    padding: 0.7em 0.4em;
    border: none;
    
    background: transparent;
  }
  
  #languageSwitch button:hover {
    color: #0ca49f;
  }
  
  #languageSwitch span.langShort {
    text-transform: uppercase;
    display: none;
  }
  
  #languageSwitch ul {
    padding: 0em;
    right: 0em;
    min-width: 7.5em;
    color: #343434;
  }
  
  #languageSwitch a {
    font-size: 1rem;
    padding: 0.5rem 1rem;
    color: #ffffff;
  }
  
  #languageSwitch img {
    width: 1.5rem;
    border-radius: 0;
  }
  
  #languageSwitch li {
    list-style-type: none;
    border-bottom: 0.01em solid #ffffff;
  }
  
  #languageSwitch li:hover {
    background-color: #ffffff;
    color: #0ca49f;
  }
  
  #languageSwitch li:hover a{
    color: #0ca49f;
  }
  
  #languageSwitch li:hover span {
    color: #0ca49f;
  }

  @media screen and (min-width: 450px){
    
    #languageSwitch span.langShort {
      display: block;
    }
  }