/* General */
a:hover {
	text-decoration: none;
}
/* Navbar */
.navbar {
	background-color: #fff;
}
.navbar .container {
	padding-right: 0;
    padding-left: 0;
}
#login_list {
	max-width: 120px;
	background-color: #00BDD0;
	padding: 0 10px;
	border-radius: 20px;
}
.navbar-brand {
	padding-left: 10px;
}
.navbar-nav li {
	text-transform: uppercase;
	font-weight: 700;
    letter-spacing: 1px;
}
.nav-items.active .nav-link {
	color: #fd7e14 !important;
}
/* Body */
body{
	padding-top: 60px;
	z-index: 0;
	background-color: #fcf8f4;
}
/* Jumbotron */
.jumbotron{
	padding: 70px 30px;
	height: 500px;
	margin: 0px auto;
	background-image: url('../img/dishes-pixabay.jpg');
	background-size: contain;
	color: #f8f8f8;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.jumbo_text {
	letter-spacing: 1px;
	font-size: 20px;
}
.visit_link, .read-btn {
	text-decoration: none;
	border-bottom: 2px solid orange;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 20px;
	letter-spacing: 1px;
}
.visit_link:hover, .read-btn:hover {
	text-decoration: none;
	border-bottom: none;
}
@media (max-width: 768px) {
	.jumbotron {
		background-size: cover;
		height: 600px;
	}
}
@media (max-width: 530px) {
	.jumbotron {
		height: 650px;
	}
}
@media (max-width: 368px) {
	.jumbotron {
		height: 780px;
	}
}
.blockquote p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	font-weight: 600;
}
.blockquote-footer {
	font-size: 18px;
	letter-spacing: 1px;
	color: floralwhite;
}  
/* Footer */
.footer{
	background-color: #6c757d;
	color: #F8F8FF;
	margin: 0px auto;
	padding: 20px 0px; 
}
.footer h5 {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff !important;
}
.footer a{
	color: #F8F8FF;
}
.contact_main ul {
	padding-left: 0;
}
.contact_main li {
	list-style: none;
}
.hour_type strong {
	border-bottom: 2px solid floralwhite;
}
/* Copyright */
.social-accounts {
    padding-left: 0;
    list-style: none;
    display: inline-block;
}
.social-accounts>li {
	display: inline-block;
    width: 26px;
    margin: 5px;
}
.social-accounts>li .fa {
    color: #f8f8f8;
}
.social-accounts>li .fa:hover, .footer a:hover  {
	color: #fd7e14;
}
/*  */
.address{
	font-size: 80%;
	margin: 0px;
	color: #0f0f0f;
}
/* Culnary Section */ /* Left-image, right-content */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.feature_section {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fcf8f4;
}
.culnary {
	padding: 50px 0;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-self: center;
}

.left-image-1 {
	width: 60%;
	height: 500px;
	background: url('../img/pizza-pixabay.jpeg') no-repeat center;
	background-size: cover;
}
.block1-left {
	border: 20px solid #d1d1d1;
	background-color: #f9f9f9;
	padding: 20px;
}
.right-content {
	width: 50%;
	min-height: 400px;
	display: flex;
	align-content: center;
	justify-content: center;
	margin-left: -100px;
}
.cont_head {
	font-size: 30px;
	font-size: 30px;
    margin-bottom: 20px;
    line-height: 40px;
}
.cont_text {
	padding: 20px 0;
	font-size: 18px;
	color: #343a40;
    line-height: 25px;
    margin: 20px 0;
    font-weight: 500;
    letter-spacing: 1px;
}
.read-btn {
	color: #343a40;
}
@media only screen and (max-width: 768px) {
	.culnary {
		flex-direction: column;
	}
	.left-image-1 {
		width: 100%;
		height: 400px;
	}
	.right-content {
		width: 90%;
		margin: 0;
		margin-top: -100px;
	}
}
/* Right-image, left-content */
.right-image {
	width: 60%;
	height: 500px;
	background: url('../img/buffet-naim-benjelloun.jpeg') no-repeat center;
	background-size: cover;
	z-index: 0;
}
.left-content {
	width: 50%;
	min-height: 400px;
	display: flex;
	align-content: center;
	justify-content: center;
	margin-right: -100px;
	z-index: 1;
}
@media only screen and (max-width: 768px) {
	.culnary {
		flex-direction: column;
	}
	.right-image {
		width: 100%;
		height: 400px;
		order: 1;
	}
	.left-content {
		width: 90%;
		margin: 0;
		margin-top: -100px;
		order: 2;
	}
}
.left-image-2 {
	width: 60%;
	height: 500px;
	background: url('../img/chef-tirachard-kumtanom.jpeg') no-repeat center;
	background-size: cover;
}
@media only screen and (max-width: 768px) {
	.left-image-2 {
		width: 100%;
		height: 400px;
	}
}
/* Reserve modal */
.modal-reserve {
	width: 450px;
}
.modal-reserve label {
	font-weight: 600;
}
@media only screen and (max-width: 575px) {
	.modal-reserve {
		width: 280px;
	}
}