.component-LC
{
  display: block;

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

  img
  {
    display: block;
    width: 100%;
  }
}
.component-LC-content
{
  width: 60%;

  position: absolute;
    left: 50%;
    top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.component-LC-content-title
{
  color: white;
  font-family: lucien-book, sans-serif;
  font-size: 2.25vw;
  text-align: center;
}
.component-LC-content-description
{
  margin-top: 3%;

  color: white;
  font-family: lucien-bold, sans-serif;
  font-size: 1.2vw;
  text-align: center;
}
.component-LC-content-countdown
{
  margin-top: 3%;

  color: white;
  font-family: lucien-bold, sans-serif;
  font-size: 1.2vw;
  text-align: center;
}
.component-LC-content-countdown-timer
{
  margin: 0 2%;

  color: white;
  font-family: lucien-book, sans-serif;
  font-size: 2.7vw;
  text-align: center;
}

@include mobile-landscape-and-below
{
  .component-LC-content
  {
    top: 53%;
  }
  .component-LC-content-title
  {
    font-size: 1.2rem;
  }
  .component-LC-content-description
  {
    font-size: 0.7rem;
  }
  .component-LC-content-countdown
  {
    font-size: 0.7rem;
  }
  .component-LC-content-countdown-timer
  {
    border: 1px solid white;
    display: inline-block;
    margin: 4% 0;
    padding: 0.3em;
    width: 100%;

    font-size: 1.4rem;
  }
}