html, body { 
  margin:0; 
  padding:0; 
  height:100%; 
}
/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

body {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333;
  background:#fff;
  background:url(../img/top-pattern.png) no-repeat;
  background-size:155px 100px;

}
@media (min-width: 576px) { 
	body {
	  background-size:310px 200px;

	}
}



div {
  transition: background-color 0.2s ease;

}
div:hover {

}

p {
  margin: 0 0 25px;
}


hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px dotted #999;
}
a {
  color: #bf1e2e;
  text-decoration: none;
  	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
a:hover,
a:focus {
  color: #222;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


img{
   display: block;
    max-width: 100%;
    height: auto;
}

.container{
	max-width:830px;
}

.header-image{
	margin:200px auto 50px;
	text-align:center;
	background:#fff;
	
}
.header-image img{
	margin:0 auto;
	text-align:center;
}

.new{
	font-size:3rem;
}

.order1{
	margin:0px auto 30px;
	padding:20px;
	text-align:center;
    font-size: 1.3rem;
	color:#fff;
	letter-spacing:4px;
    text-transform: uppercase;
    font-weight: 700;
	background:#f15a42;
}
.order-button{
	display:inline-block;
	margin:20px auto 10px;
	padding:15px 20px;
	text-align:center;
    font-size: 1.1rem;
	color:#fff;
	letter-spacing:4px;
    text-transform: uppercase;
    font-weight: 700;
	background:#f9a66c;
	cursor:pointer;

	
}
.order-button:hover,
.order-button:focus,
.order-button:active{
	background:#9d2226;
	color:#fff;
	
}

.table-button{
	display:inline-block;
	margin:20px auto 10px;
	padding:15px 20px;
	text-align:center;
    font-size: 1.1rem;
	color:#fff;
	letter-spacing:4px;
    text-transform: uppercase;
    font-weight: 700;
	background:#4da69d;
	cursor:pointer;

	
}
.table-button:hover,
.table-button:focus,
.table-button:active{
	background:#a0c9b3;
	
}
.collect-text{
	color:#f9a66c;
}




.menu-button{
	text-align:center;
}







@media (min-width: 576px) { 

	.order-button{
		margin:25px auto 10px;
		font-size: 1.3rem;
		letter-spacing:7px;

	}
	.table-button{
		margin:25px auto 10px;
		font-size: 1.3rem;
		letter-spacing:7px;

	}
	.order1{

		padding:30px;
		font-size: 1.6rem;
		color:#fff;
		letter-spacing:7px;
	}
}





.text-link {
  color: #bf1e2e;
	cursor:pointer;
  text-decoration: none;
  	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.text-link :hover,
.text-link :focus {
  color: #222;
  text-decoration: none;
}

.larger-text{
	font-size:1.3rem;
}

.address-text{
	margin:0px auto 30px;
	text-align:center;
    font-size: 1rem;
	letter-spacing:7px;
    text-transform: uppercase;
    font-weight: 700;
}

.content{
	margin:0px auto;
	text-align:center;
	padding:0px;
}

.social-menu a{
	font-size:1.2rem;
	padding:0px 30px;
}
h1, h2, h3, h4, h5{

	font-weight:bold;
	text-transform:uppercase;
}
.shadow{
	-webkit-box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);
box-shadow: 0px 9px 25px 0px rgba(0,0,0,0.15);
margin-bottom:30px;
margin-top:20px;
}
.tab-panel{
	padding:30px 30px 50px 30px;
	margin:0 auto;
	max-width:600px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #333;
    background-color: #fff;
}
.nav-pills .nav-link {
    border-radius: 0;
	color:#999;
	padding:15px 8px;
	background:#f4f4f4;
	font-weight:bold;
	text-transform:uppercase;
}
.menu-item-name{
	font-size:1.25rem;
	font-weight:bold;
	text-transform:uppercase;
}
.price{
	font-weight:bold;
}
.allergens{
	font-size:.75rem;
	font-style:italic;
}
.gluten-free{
	
	font-size:.75rem;
	color:#4da69d;
}
.socials{
	text-align:center;
	padding-bottom:30px;
}
.social-button {
	display:inline-block;
    border: 2px solid #333;
    color: #333!important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 0px;

}

.map{
	margin-top:50px;
	text-align:center;
}