@charset "utf-8";

.all-gallery{
	width: 100%;
		 max-width: 1500px;
		margin: 10px auto;
}
.section-gallery{
	margin: 10px auto;
width: 90%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows:  repeat(3,150px);
	grid-gap: 1rem;
 
		grid-template-areas: "a b b" "c b b" "c d e" ;
	padding: 20px auto;
	
	
}
.gallery-img{

width: 100%;

	border-radius: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	 /*   border: 5px solid #ddd;*/
	    padding: 15px; 
/*	outline:inset #219ebc;*/
 	outline:inset #FFF;
}

.gallery-img:hover,.gallery-img:active,.gallery-img:focus{
/*  box-shadow: 0 0 10px 1px #2f84e1;*/
	box-shadow: 0 0 10px 1px #fff;
	
}
.gallery-1{
background-image:url("../image/Rona/rona/bar-salad.jpg");
	grid-area: a;
	
	
}
.gallery-2{
		background-image:url("../image/Rona/rona/salad2.jpg");
	
	grid-area: b;
	
}
.gallery-3{
			background-image:url("../image/Rona/rona/polo.jpg");

	grid-area: c;

}
.gallery-4{
	background-image:url("../image/Rona/rona/salad3.jpg");

 	grid-area: d;
 

}
.gallery-5{
	background-image:url("../image/Rona/rona/khoresh.jpg");
	grid-area: e;
	
}
/*.gallery-6{
	background-image:url("../image/Rona/rona/salad2.jpg");
 
	grid-area: f;
	
}*/

@media screen and (max-width:1000px)
	
{
	.section-gallery{

 width: 80%;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows:  repeat(3,150px);
	grid-gap: 1rem;
	grid-template-areas: "a b " "c d " "e e" ;
	padding: 20px auto;
		
	
	
}

	
}

@media screen and (max-width:400px)
{
	
 
	.section-gallery{
		/*display: block;*/
			grid-template-columns: repeat(1,1fr);
	grid-template-rows:  repeat(5,150px);
			grid-template-areas: "a  " "b " "c" "d" "e";
			padding: 0px auto;
	}
	.gallery-1,.gallery-2,.gallery-3,.gallery-4,.gallery-5,.gallery-6{
	
		height: 150px;
		margin:0px auto;
		
	}
	
}