.press-body {
   background-color: rgb(237,237,237);
}

.press-container {
   padding-top: 150px; 
   width: 100%; 
   display: flex;
}

.left-col {
   width: 30%;
   text-align: right;
}

.right-col {
   width: 65%;
}

.press-link {
   width: 90%;
   padding-right: 40px;
   font-size: 28px;
   display: inline-block;
   color: black;
   text-align: right;
}

.press-link:hover {
   text-decoration-style: none;
   color: rgb(77,77,77);
}

.name-link {
   font-family: GeomanistBook;
   padding: 26px 0px 0px 20px;
   font-size: 1.2em;
   color: white;
   margin: 0;
}


.name-category {
   font-family: GeomanistBold;
   padding: 0px 0px 0px 20px;
   font-size: 1em;
   color: white;
   margin: 0;
}

.media-type {
   position: relative;
   display: none;
   transition: display 1s;
}

.media-go-to {
   position: absolute;
   right: 60%;
   bottom: 0px;
}

.media-file {
   font-family: GeomanistBook;
   font-size: 1em;
   font-style: italic;
   margin-left: 20px;
   margin-top: 20px;

}

.target-link {
   width: 90%;
   background-color: rgb(192,192,192);
   height: 90px;
   display: inline-block;
   border-radius: 20px 20px 0px 0px;
   color: white;
   font-family: GeomanistBook;
   margin-bottom: 20px;
   transition: background-color 800ms, height 400ms, display 1s;
}

.target-link:hover {
   background-color: rgb(248,201,93);
   color: rgb(77,77,77);
   text-decoration: none;
   height: 150px;
}

.target-link:hover .name-category {
   color: rgb(77,77,77);
   text-decoration: none;
}

.target-link:hover .name-link {
   color: rgb(77,77,77);
   text-decoration: none;
}

.target-link:hover .media-file {
   color: rgb(77,77,77);
}

.target-link:hover .media-type {
   position: relative;
   display: block;
}

@media only screen and (max-width: 800px) {
   .press-container {
      padding-top: 150px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
  }

  .left-col {
   width: 100%;
   text-align: center;
}

.press-link {
   width: 90%;
   padding-right: 0px;
   font-size: 28px;
   display: inline-block;
   color: black;
   text-align: center;
}

.right-col {
   width: 100%;
   padding: 20px 10px;
}

.target-link {
   width: 100%;
   background-color: rgb(192,192,192);
   height: 90px;
   display: inline-block;
   border-radius: 20px 20px 0px 0px;
   color: white;
   font-family: GeomanistBook;
   margin-bottom: 20px;
   transition: background-color 800ms, height 400ms;
}

.media-go-to {
   position: absolute;
   right: 10%;
   bottom: 0px;
}

 }