.social-bar a {
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  color:#000; font-size:.8em; text-decoration:none;
}

  .social-bar {
max-width: 100px;
  background:#ddd;
  display:flex;
  flex-direction:row;    /* <-- keep horizontal, do NOT switch to column */
  flex-wrap:wrap;        /* <-- allows 2×2 on mobile */
  align-content:center;  /* multi-row vertical centering inside full height */
  align-items:center;    /* single-row vertical centering */
  justify-content:center;
  gap:0px;
  padding:0px;
  align-self:stretch;    /* <-- makes bar match hero-inner’s height */
}

.image-wrapper {
align-self: start;

  position: relative;
  overflow: hidden; /* clip vertically */
  border-radius: 8px; /* optional */
  box-sizing: border-box;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;                /* fill container */
  object-position: center top;      /* adjust crop focus */
  display: block;
}

  #savedList li {
padding: 8px 0px 8px 0px;
   }
  #savedList {
 list-style-type: disc;
 margin: 0 0 0 15px;
 padding: 0px;
  }
  
  .savedpanel {
  padding: 15px;
  width: 200px; 
  text-align: left; 
  color:#212121; 
  background-color:white;
   }

   .savedlink {
   right: 0px; 
   position: absolute;
    }
	
	.social-bar img { 
	width:30px;
	height:30px; 
	}
	
	 @media screen and (min-width: 809px) {

	    .titlenamemobile {
  display: none;
  }
	  .titlenamedesktop {
  display: block;
  }
 .image-wrapper {
 align-items: center;
 display: flex;
 height: 75px;
  }
  
	 .savedpanel {
 top: 153px;
  }
 .savedlink {
top: 65px;
 }
 
   }
   
@media screen and (max-width: 808px) {
  .social-bar {
display: none;
  }
	    .titlenamemobile {
  display: block;
  }
   	  .titlenamedesktop {
  display: none;
  }
   .savedlink {
 }
 
 }