@charset "utf-8";
/* =========================================================
  #greetingsContainer
========================================================= */
#greetingsContainer {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: space-around;
}

.greetingsTitle {
  text-align: center; /* Center the text */
}

.pic-column {
  margin-right: 20px; /* Add some space between image and text */
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
}

.pic-column img {
  width: 100%;
  height: auto;
}

.text-column {
  max-width: 600px;
}

.text-column p {
  margin-bottom: 15px; /* Add some space between paragraphs */
}

.endingDate {
  text-align: right; 
}

/* Media query for tablet*/
@media screen and (min-width: 500px) and (max-width: 959px) {
   #greetingsContainer {
    flex-direction: column;
    max-width: var(--site-width);
    align-content: center;
  }
  
  .pic-column {
    margin-right: 0; /* Remove margin for mobile */
    max-width: var(--site-width);
    margin-bottom: 0; 
    justify-content: center;
  }

  .pic-column img {
    width: 70%;
  }

  .text-column {
    max-width: var(--site-width);
    padding: 10px;
  }
}

/* Media query for phones */
@media screen and (max-width: 500px) {
   #greetingsContainer {
    flex-direction: column;
    max-width: var(--site-width);
    align-content: center;
  }
  
  .pic-column {
    margin-right: 0; /* Remove margin for mobile */
    max-width: var(--site-width);
    margin-bottom: 0;
    justify-content: center;
  }

  .pic-column img {
    width: 90%;
  }

  .text-column {
    max-width: var(--site-width);
    padding: 10px;
  }
}