/*Our restaurant style sheet*/

.restaurant_header
{
 width:80%;
 margin:auto;
 margin-bottom:5px;
}

.restaurant_header p
{
 color:grey;
}

.restaurants_container
{
 display:flex;
 gap:10px;
 width:80%;
 margin:auto;
 margin-bottom:10px;
}

.individual_restaurant_container
{
 border:1px solid lightgrey; 
 width:100%; 
 border-radius:10px 10px 10px 10px;
}

.individual_restaurant_container img
{
 width:100%; 
 height:120px;
 border-radius:10px 10px 0 0;
}

.restaurant_biz_name
{
 font-weight:bolder; 
 font-size:x-large;
 text-align:center; 
 border-bottom:1px solid lightgrey;
}

.restaurant_menu_heading
{
 border-bottom:1px solid lightgrey;
 margin-bottom:5px;
 margin-left:10px;
}

.food_container
{
 margin-left:5px; 
 margin-right:5px;
}

.individual_dish_container
{
 display:flex;
 flex-wrap:wrap; 
 gap:35px; 
 border-bottom:1px solid lightgrey;
 margin-bottom:5px; 
 padding-bottom:2px;
 padding-top:2px;
 border:1px solid lightgrey;
 border-style:ridge;
 border-radius:5px;
}

.left_dish_properties
{
 display:flex; 
 align-items:center;
 gap:10px;
 margin-left:10px;
}

.left_dish_properties img
{
  width:40px;
  height:40px; 
  border-radius:5px;
}
.right_dish_properties
{
 display:flex; 
 align-items:center; 
 gap:10px; 
 margin-left:15px;
}

.right_dish_properties img
{
 width:40px;
 height:40px;
 border-radius:5px;
}

.see_menu_and_order_button
{
 padding:10px; 
 font-size:large;
 width:auto; 
 background-color:green; 
 text-align:center; 
 color:white;
 border-radius:0 0 10px 10px;
}

a
{
 text-decoration:none;
}
/*Adjusting Column Layout for Tablet*/
@media screen and (max-width: 600px) {
.restaurants_container
{
 display:block;
}

.individual_restaurant_container
{
	margin-bottom:10px;
}

}
/*Adjusting Column Layout for Mobile*/
@media screen and (max-width: 480px) {

}