.index {
  /* background-color: #FFE3CC; */
  background-color: #FFFFFF;
}
body {
  margin: 0px;
  /*
  background: repeating-linear-gradient(
    to right,
    rgba(255, 0, 0, 0.2) 0,
    rgba(255, 0, 0, 0.2) 10px,
    transparent 10px,
    transparent 20px
  );
  */
}

/*
.names .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px; 
  padding-right: 90px
}

.names img {
  max-width: 100px;
  height: auto;
  display: block;
}

img.profile_photo {
  max-width: 120px; 
  width: 100%;       
  height: auto;
  display: block;
  margin: 0 auto;     
}
*/


/*
.index img {
  max-width: 1200px;
  width: 100%;
}
*/

.names {
  display: flex;
  justify-content: center;   /* centers the grid itself */
  padding-right: 30px;
  padding-left: 30px;
}

.names .grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr)); /*max-content);  columns sized to images */
  gap: 24px;                                       /* spacing between images */
  max-width:1100px;
  padding-bottom: 110px;
}

.names img {
  /* max-width: 260px; cap size 
  min-width: 100px;*/
  width: 100%;       /* scale down inside the cell */
  height: auto;
  display: block;
}


.content {
  /*margin-left: 5%;*/
}

.white-bg {
  background: white;
}

.mint-bg {
  background: #009E88;
}

.red-bg {
  background: #333333;
  /* background: #4D1426;*/
}

.dadi-bg {
  background: #01A187;
}

.bottom-content {
  background: #F4E4E4;
  padding-bottom: 70px;
}

.banner {
  background: #01A187;
  /* background: #009E88; */
}

.index .banner img {
  display: block;
  /*min-width: 640px; */
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.intro {
  /* font-family: orpheuspro, serif; */
  font-family: Silkscreen, sans-serif;
  /* font-weight: 700;*/
  font-style: normal;
  /* background: #D1E1D6; */
  padding-top: 50px;
}

.email img.giftee {
  max-width: 700px
}

.giftening {
  text-align: center;
}

.rules {
  text-align: center;
  font-style: normal;
}

.email .rules {
  text-align: left;
  font-style: normal;
}

.bilt {
  font-style: oblique;
  font-weight: bold;
}

.header {
  font-family: Silkscreen,courier-new,sans-serif;
  /* font-family: avebury-black,sans-serif; */
  text-transform: uppercase;
  color: #D14237;
  /* font-size: 23px; */
  font-size: 31px;
  padding-bottom: 40px;
  padding-top: 50px;
}

.sub-header {
  /* font-family: "Jersey 20", sans-serif;*/
  /* -webkit-text-stroke: 1px black; */
  color: #D14237;
  text-transform: uppercase;
  font-size: 31px;
}

.timer {
  color: #D1E1D6;
  font-family: Silkscreen,courier-new,sans-serif;
  /* -webkit-text-stroke: 4px red; */
  font-style: normal;
  font-size: 3em;

  padding-top: 55px;
  padding-bottom: 60px;
}

.timer #loading {
}

.timer #started {
  display: none;
}

.timer #countdown {
  display: none;
}

.timer #until {
  font-size: 133px;
  /* min-width: 640px; */
  color: #FAFAFA;

  font-family: "Jersey 20", sans-serif;
  /* font-family: Silkscreen, sans-serif; */
  -webkit-text-stroke: 2px #D14237;
  /* text-align: left; */
}

.flavor {
  text-align: center;
  font-size: 1.5em;
  color: #D14237;
  padding-bottom: 30px;

  font-family: Roboto;
  /* font-family: orpheuspro, serif; */
  /* font-weight: 700; */
  font-style: normal;
}

.email .details a {
  font-size: 1.8em;
}

/*

font-family: avebury-black, sans-serif;
font-family: avebury-inline,sans-serif;

font-weight: 400;
font-style: normal;
*/

/*
font-family: orpheuspro,serif;
font-weight: 700;
font-style: normal;
*/