/* FONT FACE */

/* THEME FONT-FACE */

@font-face {
  font-family: "Aller";

  src: url( '../fonts/Aller.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "AllerBold";

  src: url( '../fonts/Aller-Bold.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "AllerLight";

  src: url( '../fonts/Aller-Light.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "AllerDisplay";

  src: url( '../fonts/AllerDisplay.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "Brandon";

  src: url( '../fonts/Brandon Grotesque Regular.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "BrandonMedium";

  src: url( '../fonts/Brandon Grotesque Medium.ttf' );

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "BrandonLight";

  src: url( '../fonts/Brandon Grotesque Light.ttf' );

  font-style: normal;

  font-display: swap;
}

/* LOGIN */

body{
  position: relative;
  background-color: #FBFBFB;
}

@media (min-width: 768px){
    body::after{
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 50%;
      background: url( '../images/login/bg.jpg') center center no-repeat;
      background-size: 100% auto;
      content: '';
      display: block;
    }
  }

@media (min-width: 768px){

#login{
    transform: translateX(25vw)
}
  }

@media (min-width: 768px){

#language-switcher{
    padding-left: 50%
}
  }

#login h1 a {
  width: 180px;
  background: url( '../images/login/login-logo.png') center center no-repeat;
}