.component-HAG
{
  display: block;
}
.component-HAG-container
{
  @include outer-container;

  position: relative;
}
.component-HAG-background
{
  display: block;
  width: 100%;

  img
  {
    display: block;
    width: 100%;
  }
}
.component-HAG-content
{
  width: 400px;

  position: absolute;
    bottom: 10%;
    left: 50%;
  transform: translateX(-50%);

  .component-HAG-content-download
  {
    display: block;
  }
}
.component-HAG-content-title
{
  color: black;
  font-family: lucien-bold, sans-serif;
  font-size: 1.4rem;
  text-align: center;
}
.component-HAG-content-subtitle
{
  margin-top: 2%;

  color: black;
  font-family: lucien-regular, sans-serif;
  font-size: 1.1rem;
  text-align: center;
}
.component-HAG-content-download
{
  display: none;
  margin-top: 10%;
}

@include tablet-landscape-and-below
{
  .component-HAG-content
  {
    bottom: 4%;
    width: 100%;
  }
  .component-HAG-content-title
  {
    font-size: 1rem;
  }
  .component-HAG-content-subtitle
  {
    font-size: 0.8rem;
  }
  .component-HAG-content-download
  {
    margin-top: 1%;
  }
}

@include tablet-portrait-and-below
{
  .component-HAG-content-download
  {
    .component-ADL-links-item-logo
    {
      height: 28px;
    }
  }
}

@include mobile-landscape-and-below
{
  .component-HAG-content
  {
    bottom: auto;
    top: 58vw;

    .component-HAG-content-download
    {
      display: none;
    }
  }
  .component-HAG-content-download
  {
    @include span-columns(10);
    @include shift(1);

    display: block;
    margin-top: 10vw;
  }
}