.update {
  background-color: #1F1F1F;
  min-height: 100vh;
  min-width: 100vw;  /* 1200px */
}

.sign {
 padding-top: 6%;
 font-family: Swiss721bold; /* Terminal Grotesque Webfont */
 text-transform: capitalize;
 color: #FAF3E6;
 background-color: rgba(0, 193, 113, 0);
 margin-left: 6%;
 margin-right: 6%;
  
 justify-content: center;
 align-items: center;    
 display: flex;
}

.sign p {
font-size: 56px;
}


.blinker {
  font-family: Swiss721bold; /* Terminal Grotesque Webfont */
  font-size: 64px;
  -webkit-animation: 1s blink step-end infinite;
  -moz-animation: 1s blink step-end infinite;
  -ms-animation: 1s blink step-end infinite;
  -o-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite;
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #464542; /* E54034 */
  }
}

@-moz-keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: #464542;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #464542;
  }
}

@-ms-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #464542;
  }
}

@-o-keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #464542;
  }
}





.grid-container {
  display: grid;
  
  grid-template-columns: repeat(auto-fill, 270px);
  /* constrains the width of the gid 
  calc( 100vw - 5000rem );
  */
  grid-gap: 6rem;
  
  justify-content: center;
  
  background-color: rgba(255, 84, 73, 0);
 
  margin: auto;
  padding-bottom: 9.5%;
  padding-top: 9.5%;
  
  padding-left: 6em;
  padding-right: 6em;
  
  background-color: #F84135; /* FD5B26 */
}

.grid-item {
  display: block;
  text-align: left;
}

.grid-item img {
  border: 1px solid #171717;
  margin-bottom: 14px;
  max-height: 270px;
  width: auto;
  
  /* filter: grayscale(100%); */
}

.grid-item img:hover {
  cursor: pointer;
  /* transition: .5s ease-in-out; 
  filter: grayscale(1%); */
}

.grid-item a {
  text-decoration: none;
  color: #171717;
}

.grid-item a:hover {
  color: #171717;
  
  cursor: pointer;
  transition: .5s ease-in-out;
}

.grid-captions /* figcaption */ {
  font-family: Arial;
  font-size: 17px;
  overflow-wrap: break-word; 
  inline-size: 270px;
  
  text-decoration: none;
}

.grid-captions:hover {
   /* text-decoration: underline;
  text-underline-offset: 6px; */
  cursor: pointer;
  transition: .5s ease-in-out;
}