*{
	   margin:0px;
		padding: 2px;
		font-family: century gothic;
		
	}
	.bg {
	background-color: transparent;
	position:absolute;
	z-index: 100;
	width: 90%;
	left: 5%;
}
.nav-link {
	color: black;
	text-decoration: none;
	padding-left: 58px!important;
}
.navbar-nav {
	margin-left: 1%;
}
.active {
	color: black !important;
}
.carousel-caption {
	bottom: 20%!important;
}
.btn1 {
	border-radius: 5.25rem !important;
}

		.abt{
			padding:40px;
			font-family: 'Lobster Two', cursive;
			font-size: 140%;
			
		}
		.about{
			float: right;
			padding-right: 50px;
			margin-left: 78px;
			margin-bottom: 30px;
		
		}
		.about img{
			
			padding: 0px;
			padding-top: 0px;
			height: 305px;
			width:487px;
		}
		.abt_img2{
			height: 20px;
			width: 17px;
			position: relative;
            top: -115px;
            left: -96px;
		}
		
		
		.hist{
			padding:44px;
			font-family:  'Lobster Two';
			
		}
		.history{
			float: left;
			padding-right: 50px;
			margin-left: 24px;
			margin-bottom: 30px;
		
		}
		
		.history img{
			
			padding: 70px;
			padding-top: 7px;
			padding-left: 20px;
		}
	
		.button{
			position: absolute;
			top: 97%;
            left: 34%;
			transform:translate(-50%,-50%);
			padding-bottom: 3px;
			margin-bottom: 90px;
			
		 
		}
		.btn{
			border: 1px solid black;
			padding: 10px 20px;
			color:#fff;
			text-decoration: none;
			bottom: 30%;
			background-color: darkolivegreen;
			margin-top: 5%;
			
		}
		
		.card{
			padding: 14px;
			margin-right: 20px;
			border: #FFF9F9;
			
		}
        .staff{
	          width: 50%;
			  height: 400px;
           }
		.card-title{
			
			margin-left: 45px;
			font-family: 'Lobster', cursive;
			font-size: 150%;
		}
		.card-deck{
			padding-left: 69px;
		}
       .parallax-banner-2{
	         background-image: url("../image/tablebooking2.jpg");
		    background-attachment: fixed;
		   background-repeat: no-repeat;
		   background-size: cover;
		   background-position: center center;
		   opacity: 1.5;
        }
       .content-reservation{
	        padding-bottom:177px; 
	       	padding-top:208px;
    }
       .signin{
	       background-color: black;
		   height: 30px;
		   color: white;
          }
		
		 .footer{
			background-color:black;
			height:300px;
			width:100%;
			color: #FFFFFF;
		   margin-top: 5%;
			
		}
		.col-sm-4{
			
			padding-left: 97px;
			padding-top: 3%;
		}
        .fab{
	       padding-left: 3%;
         }
    
		.footer2{
			background-color: whitesmoke;
			height: 47px;
			width: 100%;
		}
		.p_copy{
			margin-left: 435px;
			align-content: center;
			font-size: 20px;
		}
		
		.btn btn-primary{
			margin-left: 40px;
		}
         #banner{
         	 position:relative;
			 top:214px;
			 text-align: center;
			 color: white;
			 font-size: 61px;
			 font-weight: bold;
			 font-family: 'Dancing Script', cursive;
		 }

.team:hover .overlay {
	opacity:1;
}
.team {
	margin-top: 5%;
}

.overlay {
	position: absolute;
    top: 16px;
    left: 80px;
    width: 78%;
    height: 80%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: 1s;
}

.icon {
	color: white;
	position: absolute;
	top: 60%;
	left: 36%;
	z-index: 99;
}

.team1 {
	position: relative;
    width: 90%;
}

.head {
	margin-left: 10%;
}

.teamimage {
	width: 100%;
	height: 200px;
}

.teamimage1 {
	width: 143%;
    height: 295px;
    margin-left: 0%;
}

.teamimage2 {
	width: 143%;
    height: 295px;
    margin-left: 32%;
}

.teamimage3 {
	width: 143%;
    height: 295px;
    margin-left: 86%;
}




.title {
	color: black;
	font-weight: 500;
}

.title1 {
	margin-bottom: 5%;
	color: black;
}

.text-center {
	color: white;
    top: 48%;
    position: absolute;
    left: 32%;
}

.header {
	padding-left: 3%;
	color: white;
}

.header1 {
	margin-left: 84%;
	color: white
}

.logo {
	width: 63%;
    height: 200px;
    padding-left: 0%;
	
}

.chef1 {
	width: 100%;
	height: 300px;
	display: block;
}

.chef2 {
	width: 100%;
	height: 300px;
	margin-bottom: 30%;
}

.chef3 {
	width: 100%;
	height: 300px;
	margin-bottom: 30%;
}









.subhead {
	text-align: center;
	color: black;
}
