* {
	font-family: 'Quicksand', sans-serif;
}

#contain {
	position: relative;
	z-index: 1000;
	background: white;
	margin-bottom: 300px;
}

#banner {
	width: 100%;
	height: 100vh;
	background-image: url(../img/backgrounds/landing.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
}

#banner .row {
	text-align: center;
}

#banner .row p {
	color: #fff;
	font-size: 2em;
}

#hh, #pt {
	height: 105px;
	text-align: center;
}

#hh > a {
	line-height: 105px;
	color: black;
	font-size: 1.3em;
}

#pt {
	background-color: #F15A29;
}

#pt > a {
	line-height: 105px;
	color: #fff;
	font-size: 1.3em;7
}


#breakfast {
	background-image: url(../img/foodtop/breakfast.jpg);
	height: 210px;
	text-align: center;
}

#lunch {
	background-image: url(../img/foodtop/lunch.jpg);
	height: 210px;
	text-align: center;
}

#dinner {
	background-image: url(../img/foodtop/dinner.jpg);
	height: 210px;
	text-align: center;
}

#breakfast p {
	line-height: 210px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
}

#lunch p {
	line-height: 210px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
}

#dinner p {
	line-height: 210px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
}

.btn-danger {
	background-color: #fff;
	color: red;
	padding: 10px;
	border: red 1px solid;
}

#fast-food {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
	margin-bottom: 40px;
	margin-top: 40px;
}

#img{
	border: 10px solid #fff;
	box-shadow: 2px 2px 2px 2px #888888;
}

#img img{
	width: 100%;
}

#drinks {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 40px;
	margin-bottom: 40px;
}

#drinks-img img {
	width: 100%;
}

#drinks-img {
	display: flex;
	flex-direction: row;
}

#drinks-img{
	border: 10px solid #fff;
	box-shadow: 2px 2px 2px 2px #888888;
}

#foodbg {
	height: 599px;
	width: 100%;
	background-image: url(../img/backgrounds/foodsBg.jpg);
	margin-bottom: 40px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding: 100px;
}

.panel-heading ul {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	text-align: center;
}

.panel-heading ul li {
	width: 25%;
	color: #F15A29;
	font-size: 1.3em;
}

.panel-body ul{
	list-style-type: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.panel-body ul li {
	margin-right: 10px;
}

.panel-body ul li span {
	color: #F15A29;
	font-size: 1.3em;
}

.panel-body ul li figure {
	text-align: center;
}

.panel-body ul li figure figcaption{
	color: #F15A29;
	font-size: 1.2em;
}

#customers {
	box-shadow: 1px 1px 1px 1px #888888;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 50px;
	padding: 50px;
}
  
#customers h3 {
	color: #F15A29;
}

#customers ul {
	list-style-type: none;	
}

#customers ul li{
	display: inline-block;	
	margin-left: 20px;
}

#customers ul li span {
	color: #F15A29;
	font-size: 1.4em;
}

#subscribe {
	width: 100%;
	height: 301px;
	background-image: url(../img/backgrounds/subscribe.jpg);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#subscribe h3 {
	color: #fff;
}

#subscribe .btn-danger {
	background-color: red;
	color: #fff;
}

#subscribe form {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

form input[type=email] {
	width: 200px;
	padding: 10px;
	margin-right: 20px;
	color: black;
	border: none;
	background-color: rgba(255, 255, 255, .5);
}

form input[type=submit] {
	width: 150px;
}

footer {
	background: #F15A29;
	color: #fff;
	margin-top: -20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	height: 300px;
	width: 100%;
	bottom: 0;
	z-index: 2;
}

footer hgroup {
	margin-bottom: 20px;
}

footer #social {
 	display: flex;
 	flex-direction: row;
}

#social a {
 	margin-left: 20px;
 	margin-bottom: 30px;
}
#social a img {
	height: 39px;
	width: 39px;
}

/*Modal Styles*/

.modal-title {
	text-align: center;
	font-family: 'Quicksand', sans-serif;
}

.modal-body {
	text-align: center;
	font-family: 'Quicksand', sans-serif;
}

.modal-body > img {
	border-radius: 100%;
	height: 200px;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.modal-body p {
	font-weight: bold;
	font-family: 'Quicksand', sans-serif;
}

.modal-footer {
	text-align: center;
	background: #F15A29;
	color: #fff;
}

.modal-footer > p {
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 800;
}
/*End of Modal Styles*/