/*
  AJUSTES VISUAIS PARA O PINEGROW

  Este arquivo carrega depois do CSS principal.
  Ajuste aqui tamanho e posição sem alterar a estrutura da aplicação.

  translate(X, Y):
  X positivo = direita | X negativo = esquerda
  Y positivo = baixo    | Y negativo = cima
*/

@media (min-width: 901px) {
  .battalion-shield {
    width: 510px;
    max-height: none;
    transform: translate(0px, 0px);
  }

  .brand-glow {
    width: 760px;
    opacity: 1;
    transform: translate(0px, 0px);
  }

  .institutional-header {
    height: 160px;
  }

  .institutional-header img {
    width: 497px;
    height: auto;
    object-fit: contain;
    transform: translate(0px, 0px);
  }

  .form-panel {
    padding-top: 184px;
  }
}