@charset "utf-8";
/* CSS Document */
.gallery_content { 
background-color:#FFF;
display:table;

}
.gallery1 ,.gallery2 ,.gallery3 ,.gallery4 {
display:block;
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
background-color: rgba(0, 0, 0, 0.7); 
margin:0px;
z-index:5000;
display:none;
	 
}
.box1 ,.box2 ,.box3 ,.box4 {
	
	height:80%;
	max-height:500px;
	width:90%;
	position:relative;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
	display:none;
	margin-top:25px;
	text-align:center;
}
.close_button1 ,.close_button2 ,.close_button3 ,.close_button4 {
	width:35px;
	height:35px;
	float:right;
	margin:5px;
	cursor:pointer;
   -webkit-text-fill-color: rgba(0, 0, 0, 0);
   -webkit-text-stroke-width: 1.5px;
   -webkit-text-stroke-color: black;
	text-stroke:1px #FFF;
	border-radius:50%;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	font-size:20px;
	background-color:#FFFFFF;
	filter: drop-shadow(3px 3px 10px black);
	z-index:1;
	font-weight:bold;
}
.close_button1:hover {
	color:#FFF;
	background-color:#099;
	border:#F60;
	
}
.close_button2:hover {
	color:#FFF;
	background-color:#099;
	border:#F60;
}
.close_button3:hover {
	color:#FFF;
	background-color:#099;
	border:#F60;
}
.close_button4:hover {
	color:#FFF;
	background-color:#099;
	border:#F60;
}
.gallery { 
	background-color:#FFF;
	width:100%;
	padding:10px;
	display:table;

}
.gallery_content {
	display:table-cell;
	vertical-align: middle;
    text-align:center;
	
	
}


.gallery .gallery_content img { 

cursor:pointer;
border-radius:50%;
transition:all 0.5s;
width:220px;
height:220px;
margin:5px;
}
.gallery .gallery_content img:hover { 

-webkit-filter: drop-shadow(2px 2px 20px black);

}
.box1 { 
background:url(../img/strawberries.jpg);
background-size:100% 100%;
display:table;
text-align:center;
alignment-adjust:middle;

}
.box2 { 
background:url(../img/scallion.jpg);
background-size:100% 100%;

}
.box3 { 
background:url(../img/lettuce.jpg);
background-size:100% 100%;

}
.box4 { 
background:url(../img/Peppers-bell.jpg);
background-size:100% 100%;

}
.gallery-text { 
width:100%;

position:absolute;

overflow:hidden;
bottom:0px;
transition:all 1s linear;
}

.text {
position:static;
word-wrap:break-word;
background-color: rgba(0, 0, 0, 0.6);
color:#FFF;
font-size:18px;
text-align:left;
padding:5px;
max-height:200px;
overflow:auto;
}
.up_arrow {
	font-size:28px;
	color:#FFFFFF;
    width:50px;
    height:50px;
    margin:0 auto;
    position:static;
	transform:rotate(90deg);
	border:#FFFFFF solid thin;
	border-radius:50%;
	cursor:pointer;
	margin-bottom:10px;
	
}
.up_arrow:hover {
	color:#CC6600;
	background-color:#FFFFFF;
}