@charset "utf-8";
/* CSS Document */
/* CSS Document  dark orange = #ff914d  light orange = #ffd5bb dark black = #070606    */

.container{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
    justify-content: center;
}

.your-class{
  min-height: 0;
  min-width: 0;
	max-width: 95vw;
	padding: 10;
overflow: hidden;
}

#Bioimage  {
float:left;    
 margin: 20px;
	padding: 20px;
}



.box1{
	width:80%;
	max-width:28%;
	/*border:1px solid #ff914d;*/
	margin:4px;



}

.box1:hover {
    transform:scale(1.02);
    transition:all .3s;
    border-color: #000;
    opacity: 70%;
    filter:alpha(opacity=0%);/*For IE6 - IE8*/
    transition:all 0.6s;
}







@media only screen and ( max-width:1200px ){
	
		.box1{
		width:30%;
		max-width:95%;
		

    }


@media only screen and ( max-width:768px ){
	
	.box1{
		width:100%;
		max-width:60%;
		

    }

}