@charset "utf-8";
/* CSS Document */

body{
	background-color: #000;
	color: #fff;
}
.landing{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:#fff;
	font-family: 'c';
	position: relative;
	width: 100%;
	height: 50vh;
	background-image: url("../image/Rona/rona/coffeeshop/5.PNG");
/*	    background-attachment:fixed;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.landing::after{
		content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 102%;
	background-image: linear-gradient(180deg, transparent 0 30%, rgba(0,0,0,0.90) 98% 100%);
}
.landing h1{
 
	width: 100%;
 
	text-align: center;
	padding-right: 40%;
 
	 
}
.menu-coffeeshop{
	width:90%;
	font-size: 12px;
	direction: rtl;
	text-align: right;
	margin: 20px auto;
	padding-right: 20px;
	line-height: 50px;
}
.img{
	width: 100%;
	height: 100%;
	object-fit:contain;
	
	
	
}
.coffee-img{
/*	border: 1px solid #fff;*/
	  margin: 20px auto;
	padding: 0 auto;
/* 
  display: grid;
  grid-template-rows: repeat(1, 250px);
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 250px;
 
	grid-column-gap: 10px;*/
 	display: flex;
	flex-wrap: wrap;
align-items: center;
	justify-content: center;
	column-gap: 20px;
	grid-row-gap: 20px;
  width:90%;
}

.border{
	border: 2px solid #fff!important;
}
.pd{
	margin: 0 0px !important;
	padding: 0 0!important;
}
@media screen and (max-width:1200px) {
	
/*.coffee-img{
 

 margin: 10px auto;
 
  width:60%;
}	
	.ih-item{
		 margin: 10px auto;
	}
	.pd{
		margin-bottom: 10px!important;
	}*/
}