@charset "us-ascii";
/*
   -----------------------------------------------------------------------------

   Modifications:

   date        programmer   description
   ----------  -----------  ----------------------------------------------------
               ...
   09/20/2023  msr          Modified for RAPP Data Layer (IRI-3).
   02/13/2024  msr          Modified for Spring 2024 rebates (770100MDSCVL-2).
   08/02/2024  msr          Modified for Fall 2024 rebates (772200MDFCVL-1).
   01/21/2025  msr          Modified for Spring 2025 rebates (7732002025MDS-2).
   08/15/2025  msr          Modified for Fall 2025 rebates (774900I2025FDR-1).

   -----------------------------------------------------------------------------
*/

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}

.background {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../images/comingSoon774900.jpg?8361948C');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: contain;
}

.program770100 .background {
  background-image: url('../images/comingSoon770100.jpg?81746153');
  background-position: center top;
}

.program772200 .background {
  background-image: url('../images/comingSoon772200.jpg?818674C9');
  background-position: center top;
}

.program773200 .background {
  background-image: url('../images/comingSoon773200.jpg?82486129');
  background-position: center top;
}

.program774900 .background {
  background-image: url('../images/comingSoon774900.jpg?8361948C');
  background-position: center top;
}

.comingSoon {
  position: absolute;
  top: 4%;
  right: 6%;
  font-family: EMprint-Regular, Arial, Helvetica, sans-serif;
  color: #ed1d25;
}

.comingSoon .message {
  width: 100%;
  text-align: center;
  font-size: 40pt;
  font-weight: bold;
  white-space: nowrap;
}

.comingSoon .countdown {
  width: 100%;
  text-align: center;
  font-size: 22pt;
  white-space: nowrap;
/*visibility: hidden;*/
}

.comingSoon .countdown div {
  display: inline-block;
}

@media only screen and (max-width: 1024px) and (orientation:portrait) {

   .background {
     display: inline-block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }

   .comingSoon {
     display: inline-block;
     width: 100%;
     height: auto;
     position: absolute;
     top: 57%;
     left: 0;
   }

   .comingSoon .message {
     font-size: 70pt;
   }

   .comingSoon .countdown {
     font-size: 38pt;
   }

}