.img_container{
  display: inline-block; 
  vertical-align:top;
  width: 160px;         
  height: 120px;
  margin: 4px;
  cursor: pointer;
  background-color: #C9D5B9;
  
  }
  
.img_container:hover {
   opacity: 0.3;
 
transition: .3s ease;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

	

.img_small{	width:160px; height :120px; object-fit: contain;}

.img_container_large{
  vertical-align:top;
  
 width: 95%; min-width:120px; max-width:780px;
 height: 70%; /*min-height:120px; max-height:600px;*/ 
  display: block; 
  position:fixed; z-index: 110;
  cursor: pointer;
  
   
    text-align: center;
    top: 10%;
    left: 50%;
    padding: 20px;
    transform: translate(-50%, 0);

  }

.img_large{width:100%; height:80%; object-fit: contain; }
.vid_large{width:100%; height:80%; object-fit: contain; }

.vid_large_close{
display: block; 
  position:absolute; z-index: 110;
  top: 2%;
  left:  50%;
  padding: 20px;
    transform: translate(-50%, 0);


border: 2px solid #f08080 ;
background-color: #000000;
opacity:1;

  
  cursor: pointer;
  
text-align: center;
    color: #f08080 ;  
  
  width: 15%;
  padding: 2 2 2 2;
	
	
}


.img_large_caption{
	display: block; 
  position:absolute; z-index: 110;
  bottom: 25%;
  left:  50%;
  padding: 20px;
    transform: translate(-50%, 0);


border: 2px solid white;
background-color: #000000;
opacity:1;

  
  cursor: pointer;
  
text-align: center;
    color:white;  
  
  width: 60%;
  padding: 2 2 2 2;
    
    

}