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


body, html {
	height: 100%;
	margin: 0;
	font-size: 16px;
	text-align: justify;
	background-color: #bed0d2;
}
            /* navbar */
.navbar-default {
    background-color: #bed0d2;
    border-color: transparent;
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    border-radius: 0px;
    z-index: 10007;
	border-bottom: 1px solid #2d1702;
}
.navbar-default .navbar-brand {
  color: #000000;
  font-size:30px
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color: #000000;
	text-decoration: underline;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
}


.container-fluid .navbar-header .navbar-brand {
	font-size:20px;
	text-decoration: none;
}

ul li a {
	color: #283730;
	text-decoration: underline;
}

h1 {
	text-align: center;
	color: #2d1702;
}
h2 {
	text-align: center;
	color: #2d1702;
}

a {
	color: #283730;
	text-decoration: underline;
}

.row {
	padding-right: 20px;
	padding-left: 20px;
}
.rightMargin {
	margin-right: 80px;
} 
.whiteBackground {
	background-color: #ffffff;
	
}
.navPadding{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
		
}
.container-fluid .navbar-header .navbar-brand {
	text-decoration: underline;
}
/* mobile version nav menu icon border */
.navbar-default .navbar-toggle {
    border-color: #2d1702;
}
/* mobile version nav menu icon background when interacted with */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ccc;
}
/* mobile version nav menu icon colour */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #2d1702;
}


/* =========== CHEF ===========  */


#chef-page .row h1 {
	padding: 1rem 0;
	margin-bottom: 2rem;
}

#chef-page .body-text {
	margin-bottom: 2rem;
	float: left;
}

#chef-page  .chef-title {
	margin-bottom: 2rem;
}

/* 
.chef {
width: 250px;
height: 100%;
margin-right: 10px;
}  */

#chef-page .chef-info  {
margin-bottom: 4rem;
} 




@media only screen and (max-width: 992px) {

	#chef-page .items {
		display: flex;
		padding: 0 4rem;
		justify-content: center;
	}

}

@media only screen and (max-width: 600px) {

	.bg-1 {
		min-height: 55%;
	}

	/* Chef */

	#chef-page .items {
		display: flex;
		padding: 0 1rem;
		justify-content: center;
		flex-direction: column;
	}

	.chef {
		margin-bottom: 2rem;
		align-self: center;
	}


}