@media screen {
  .nav-link a {
    display: inline-block
  }
}

@media screen and (max-width: 767px) {
  .nav-link a {
    display: block
  }
}

@media screen {
  .flag {
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem;
    opacity: 0.8;
    outline: 2px solid transparent;
    outline-offset: 2px;
    text-indent: -10000px;
    transition: opacity 0.5s ease-in-out
  }

  .flag:hover {
    opacity: 1
  }

  .flag.pt-br {
    background-position: -32px 0
  }

  .flag.en {
    background-position: 0 -32px
  }
}