.title {  
    display: flex;
    align-items: center;
    justify-content: center; 
  }
  .title img {
    width: 80%;
    height: auto;
  }
  .grid-1 {
    display: grid;
    width: 100%;
    margin: 2% auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 5px;
    grid-template-areas: "t         t"
                    "d1       d2"
                    "d3       d4"
                    "d5       d6"
                    "d7       d8"
                    "d9       d10"
                    "d11      d12"
                    "d13      d14"
                    "d15      d16"
                    "d17      d18"
                    "d19      d20"
                    "d21      d22"
                    "d23      d24"
                    "d25      d26"
                    "d27      d28"
                    "d29      d30"
                    "d31        ."
                    "hny     hny";
  }
  @media only screen and (min-width: 576px) {
    .grid-1 {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px;
      grid-template-areas:    "t        t       t"
                              "d1       d2      d3"
                              "d4       d5      d6"
                              "d7       d8      d9"
                              "d10      d11     d12"
                              "d13      d14     d15"
                              "d16      d17     d18"
                              "d19      d20     d21"
                              "d22      d23     d24"
                              "d25      d26     d27"
                              "d28      d29     d30"
                              "d31      hny     hny";
    }
  }
  @media only screen and (min-width: 1400px) {
  .grid-1 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas: "t     t     d1    d1      d2      d2      d3      d3      d4      d4"
                         "t     t     d1    d1      d2      d2      d3      d3      d4      d4"
                         "d5    d5    d6    d6      d7      d7      d8      d8      d9      d9"
                         "d5    d5    d6    d6      d7      d7      d8      d8      d9      d9"
                         "d10   d10   d11   d11     d12     d12     d13     d13     d14     d14"
                         "d10   d10   d11   d11     d12     d12     d13     d13     d14     d14"
                         "d15   d15   d16   d16     d17     d17     d18     d18     d19     d19"
                         "d15   d15   d16   d16     d17     d17     d18     d18     d19     d19"
                         "d20   d20   d21   d21     d22     d22     d23     d23     d24     d24"
                         "d20   d20   d21   d21     d22     d22     d23     d23     d24     d24"
                         "d25   d25   d26   d26     d27     d27     d28     d28     d29     d29"
                         "d25   d25   d26   d26     d27     d27     d28     d28     d29     d29"
                         "d30   d30   d31   d31     hny     hny     hny     hny     hny     hny"
                         "d30   d30   d31   d31     hny     hny     hny     hny     hny     hny";
    }
  }
  .title {
    grid-area: t;
  }
  #day-1 {
    grid-area: d1;
  }
  #day-2 {
    grid-area: d2;
  }
  #day-3 {
    grid-area: d3;
  }
  #day-4 {
    grid-area: d4;
  }
  #day-5 {
    grid-area: d5;
  }
  #day-6 {
    grid-area: d6;
  }
  #day-7 {
    grid-area: d7;
  }
  #day-8 {
    grid-area: d8;
  }
  #day-9 {
    grid-area: d9;
  }
  #day-10 {
    grid-area: d10;
  }
  #day-11 {
    grid-area: d11;
  }
  #day-12 {
    grid-area: d12;
  }
  #day-13 {
    grid-area: d13;
  }
  #day-14 {
    grid-area: d14;
  }
  #day-15 {
    grid-area: d15;
  }
  #day-16 {
    grid-area: d16;
  }
  #day-17 {
    grid-area: d17;
  }
  #day-18 {
    grid-area: d18;
  }
  #day-19 {
    grid-area: d19;
  }
  #day-20 {
    grid-area: d20;
  }
  #day-21 {
    grid-area: d21;
  }
  #day-22 {
    grid-area: d22;
  }
  #day-23 {
    grid-area: d23;
  }
  #day-24 {
    grid-area: d24;
  }
  #day-25 {
    grid-area: d25;
  }
  #day-26 {
    grid-area: d26;
  }
  #day-27 {
    grid-area: d27;
  }
  #day-28 {
    grid-area: d28;
  }
  #day-29 {
    grid-area: d29;
  }
  #day-30 {
    grid-area: d30;
  }
  #day-31 {
    grid-area: d31;
  }
/* 2021 */
  .year-2021 #day-1 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140249/Door_1_Countdown.jpg);
  }
  .year-2021 #day-2 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140256/Door_2_Countdown.jpg);
  }
  .year-2021 #day-3 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140303/Door_3_Countdown.jpg);
  }
  .year-2021 #day-4 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140309/Door_4_Countdown.jpg);
  }
  .year-2021 #day-5 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140317/Door_5_Countdown.jpg);
  }
  .year-2021 #day-6 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140323/Door_6_Countdown.jpg);
  }
  .year-2021 #day-7 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140330/Door_7_Countdown.jpg);
  }
  .year-2021 #day-8 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140337/Door_8_Countdown.jpg);
  }
  .year-2021  #day-9 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140343/Door_9_Countdown.jpg);
  }
  .year-2021  #day-10 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140349/Door_10_Countdown.jpg);
  }
  .year-2021 #day-11 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140356/Door_11_Countdown.jpg);
  }
  .year-2021  #day-12 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140403/Door_12_Countdown.jpg);
  }
  .year-2021  #day-13 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140410/Door_13_Countdown.jpg);
  }
  .year-2021 #day-14 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140417/Door_14_Countdown.jpg);
  }
  .year-2021 #day-15 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140424/Door_15_Countdown.jpg);
  }
  .year-2021 #day-16 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140432/Door_16_Countdown.jpg);
  }
  .year-2021 #day-17 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140440/Door_17_Countdown.jpg);
  }
  .year-2021 #day-18 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140450/Door_18_Countdown.jpg);
  }
  .year-2021 #day-19 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140457/Door_19_Countdown.jpg);
  }
  .year-2021 #day-20 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140506/Door_20_Countdown.jpg);
  }
  .year-2021 #day-21 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140515/Door_21_Countdown.jpg);
  }
  .year-2021 #day-22 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140524/Door_22_Countdown.jpg);
  }
  .year-2021 #day-23 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140533/Door_23_Countdown.jpg);
  }
  .year-2021 #day-24 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140540/Door_24_Countdown.jpg);
  }
  .year-2021 #day-25 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140549/Door_25_Countdown.jpg);
  }
  .year-2021 #day-26 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140556/Door_26_Countdown.jpg);
  }
  .year-2021 #day-27 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140604/Door_27_Countdown.jpg);
  }
  .year-2021 #day-28 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140612/Door_28_Countdown.jpg);
  }
  .year-2021 #day-29 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140618/Door_29_Countdown.jpg);
  }
  .year-2021 #day-30 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140626/Door_30_Countdown.jpg);
  }
  .year-2021 #day-31 .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140633/Door_31_Countdown.jpg);
  }
  .year-2021 #hny .back {
    background-image: url(https://d1hhug17qm51in.cloudfront.net/www-media/2020/12/01140239/final-message_hny.gif);
  }
  /* 2022 */
  .year-2022 #day-1 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01131739/2021_Door_1.jpg);
  }
  .year-2022 #day-2 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134459/2021_Door_2.jpg);
  }
  .year-2022 #day-3 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134510/2021_Door_3.jpg);
  }
  .year-2022 #day-4 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134558/2021_Door_4.jpg);
  }
  .year-2022 #day-5 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134608/2021_Door_5.jpg);
  }
  .year-2022 #day-6 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134619/2021_Door_6.jpg);
  }
  .year-2022 #day-7 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134629/2021_Door_7.jpg);
  }
  .year-2022 #day-8 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134638/2021_Door_8.jpg);
  }
  .year-2022 #day-9 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134649/2021_Door_9.jpg);
  }
  .year-2022 #day-10 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01134659/2021_Door_10.jpg);
  }
  .year-2022 #day-11 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135131/2021_Door_11.jpg);
  }
  .year-2022 #day-12 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135140/2021_Door_12.jpg);
  }
  .year-2022 #day-13 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135149/2021_Door_13.jpg);
  }
  .year-2022 #day-14 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135200/2021_Door_14.jpg);
  }
  .year-2022 #day-15 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135209/2021_Door_15.jpg);
  }
  .year-2022 #day-16 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135218/2021_Door_16.jpg);
  }
  .year-2022 #day-17 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135228/2021_Door_17.jpg);
  }
  .year-2022 #day-18 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135236/2021_Door_18.jpg);
  }
  .year-2022 #day-19 .back {
    background-image: url(   https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135246/2021_Door_19.jpg);
  }
  .year-2022 #day-20 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135254/2021_Door_20.jpg);
  }
  .year-2022 #day-21 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135701/2021_Door_21.jpg);
  }
  .year-2022 #day-22 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135713/2021_Door_22.jpg);
  }
  .year-2022 #day-23 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135722/2021_Door_23.jpg);
  }
  .year-2022 #day-24 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135732/2021_Door_24.jpg);
  }
  .year-2022 #day-25 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135744/2021_Door_25.jpg);
  }
  .year-2022 #day-26 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135757/2021_Door_26.jpg);
  }
  .year-2022 #day-27 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135808/2021_Door_27.jpg);
  }
  .year-2022 #day-28 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135817/2021_Door_28.jpg);
  }
  .year-2022 #day-29 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135827/2021_Door_29.jpg);
  }
  .year-2022 #day-30 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135836/2021_Door_30.jpg);
  }
  .year-2022 #day-31 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01135846/2021_Door_31.jpg);
  }
  .year-2022 #hny .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2021/12/01131715/2021_happy_holidays.gif);
  }
  /* 2023 */
  .year-2023 #day-1 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29180808/CalDoor1__2023.jpg);
  }
  .year-2023 #day-2 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121622/CalDoor2_2023.jpg);
  }
  .year-2023 #day-3 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182033/CalDoor3_2023_.jpg);
  }
  .year-2023 #day-4 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121629/CalDoor4_2023.jpg);
  }
  .year-2023 #day-5 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121633/CalDoor5_2023.jpg);
  }
  .year-2023 #day-6 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121636/CalDoor6_2023.jpg);
  }
  .year-2023 #day-7 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182336/CalDoor7_2023_.jpg);
  }
  .year-2023 #day-8 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29180814/CalDoor8__2023.jpg);
  }
  .year-2023 #day-9 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121647/CalDoor9_2023.jpg);
  }
  .year-2023 #day-10 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29121651/CalDoor10_2023.jpg);
  }
  .year-2023 #day-11 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122052/CalDoor11_2023.jpg);
  }
  .year-2023 #day-12 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182457/CalDoor12_2023_.jpg);
  }
  .year-2023 #day-13 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122100/CalDoor13_2023.jpg);
  }
  .year-2023 #day-14 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122104/CalDoor14_2023.jpg);
  }
  .year-2023 #day-15 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29180942/CalDoor15__2023.jpg);
  }
  .year-2023 #day-16 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122111/CalDoor16_2023.jpg);
  }
  .year-2023 #day-17 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122115/CalDoor17_2023.jpg);
  }
  .year-2023 #day-18 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182616/CalDoor18_2023_.jpg);
  }
  .year-2023 #day-19 .back {
    background-image: url(   https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122121/CalDoor19_2023.jpg);
  }
  .year-2023 #day-20 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122123/CalDoor20_2023.jpg);
  }
  .year-2023 #day-21 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122131/CalDoor21_2023.jpg);
  }
  .year-2023 #day-22 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122134/CalDoor22_2023.jpg);
  }
  .year-2023 #day-23 .back {
    background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122138/CalDoor23_2023.jpg);
  }
  .year-2023 #day-24 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122141/CalDoor24_2023.jpg);
  }
  .year-2023 #day-25 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182913/CalDoor25_2023_.jpg);
  }
  .year-2023 #day-26 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122147/CalDoor26_2023.jpg);
  }
  .year-2023 #day-27 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122150/CalDoor27_2023.jpg);
  }
  .year-2023 #day-28 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122154/CalDoor28_2023.jpg);
  }
  .year-2023 #day-29 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29182919/CalDoor29_2023_.jpg);
  }
  .year-2023 #day-30 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122201/CalDoor30_2023.jpg);
  }
  .year-2023 #day-31 .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/11/29122204/CalDoor31_2023.jpg);
  }
  .year-2023 #hny .back {
    background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2022/12/22100955/Countdown_HNY2023.gif);
  }
/* 2024 */
.year-2024 #day-1 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170854/CalDoor1_2024.jpg);
}
.year-2024 #day-2 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170856/CalDoor2_2024.jpg);
}
.year-2024 #day-3 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170858/CalDoor3_2024.jpg);
}
.year-2024 #day-4 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170901/CalDoor4_2024.jpg);
}
.year-2024 #day-5 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170904/CalDoor5_2024.jpg);
}
.year-2024 #day-6 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170906/CalDoor6_2024.jpg);
}
.year-2024 #day-7 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170908/CalDoor7_2024.jpg);
}
.year-2024 #day-8 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170912/CalDoor8_2024.jpg);
}
.year-2024 #day-9 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170914/CalDoor9_2024.jpg);
}
.year-2024 #day-10 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170917/CalDoor10_2024.jpg);
}
.year-2024 #day-11 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170919/CalDoor11_2024.jpg);
}
.year-2024 #day-12 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170921/CalDoor12_2024.jpg);
}
.year-2024 #day-13 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170923/CalDoor13_2024.jpg);
}
.year-2024 #day-14 .back {
  background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170925/CalDoor14_2024.jpg);
}
.year-2024 #day-15 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170927/CalDoor15_2024.jpg);
}
.year-2024 #day-16 .back {
  background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170929/CalDoor16_2024.jpg);
}
.year-2024 #day-17 .back {
  background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170931/CalDoor17_2024.jpg);
}
.year-2024 #day-18 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170934/CalDoor18_2024.jpg);
}
.year-2024 #day-19 .back {
  background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170935/CalDoor19_2024.jpg);
}
.year-2024 #day-20 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170938/CalDoor20_2024.jpg);
}
.year-2024 #day-21 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170940/CalDoor21_2024.jpg);
}
.year-2024 #day-22 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170942/CalDoor22_2024.jpg);
}
.year-2024 #day-23 .back {
  background-image: url(  https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170944/CalDoor23_2024.jpg);
}
.year-2024 #day-24 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170946/CalDoor24_2024.jpg);
}
.year-2024 #day-25 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170948/CalDoor25_2024.jpg);
}
.year-2024 #day-26 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170951/CalDoor26_2024.jpg);
}
.year-2024 #day-27 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170953/CalDoor27_2024.jpg);
}
.year-2024 #day-28 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170955/CalDoor28_2024.jpg);
}
.year-2024 #day-29 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170957/CalDoor29_2024.jpg);
}
.year-2024 #day-30 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28170959/CalDoor30_2024.jpg);
}
.year-2024 #day-31 .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28171001/CalDoor31_2024.jpg);
}
.year-2024 #hny .back {
  background-image: url( https://d1hhug17qm51in.cloudfront.net/www-media/2023/11/28171004/countdown2024_holiday_hny_gif.gif);
}

  #day-1.locked .door .back,
  #day-2.locked .door .back,
  #day-3.locked .door .back,
  #day-4.locked .door .back,
  #day-5.locked .door .back,
  #day-6.locked .door .back,
  #day-7.locked .door .back,
  #day-8.locked .door .back,
  #day-9.locked .door .back,
  #day-10.locked .door .back,
  #day-11.locked .door .back,
  #day-12.locked .door .back,
  #day-13.locked .door .back,
  #day-14.locked .door .back,
  #day-15.locked .door .back,
  #day-16.locked .door .back,
  #day-17.locked .door .back,
  #day-18.locked .door .back,
  #day-19.locked .door .back,
  #day-20.locked .door .back,
  #day-21.locked .door .back,
  #day-22.locked .door .back,
  #day-23.locked .door .back,
  #day-24.locked .door .back,
  #day-25.locked .door .back,
  #day-26.locked .door .back,
  #day-27.locked .door .back,
  #day-28.locked .door .back,
  #day-29.locked .door .back,
  #day-30.locked .door .back,
  #day-30.locked .door .back,
  #day-31.locked .door .back,
  #hny.locked .door .back{ background-image:none; }
  #hny {
    grid-area: hny;
    text-align: center;
  }
  .grid-1 input {
    display: none;
  }
  label {
    perspective: 1000px;
    transform-style: preserve-3d;
    cursor: pointer;
    display: flex;
    min-height: 100%;
    width: 100%;
    height: 160px;
    border: 2px solid #ff483b;
    border-radius: 0px;
  }
  @media only screen and (min-width: 600px) {
    label {
      height: 258px;
    }
  }
  .door {
    width: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    transition: all 300ms;
    background-color: #ff483b;
  }
  .door div {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'SFMOMAText';
    color: white;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
  }
  .door .back {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;

  }
  .locked > label > .door > .back {
    background-repeat: no-repeat;
    background-size: contain;
  }
  label:hover {
     border-color: #385052;
  }
  :checked + .door {
     transform: rotateY(-180deg);
  }
  .back > a {
    display: block;
  /*   width: 100%;
    height: 100%; */
  }