@media (max-width: (@maxsmalltablet))
{
  #logo
  {
    font-size: 80%;
  }
  #slogan
  {
    font-size: 150%; /** 24px */
  }
}

@media (max-width: (@maxsmallertablet))
{
  #logo
  {
    font-size: 60%;
  }
  #slogan
  {
    font-size: 112.5%; /** 18px */
  }
}