@media (max-width: 320px){
	.thank-you .icon img{
		margin: 0 auto;
	}
	.navbar-default .navbar-toggle{
		margin-top: 20px
	}
	.navbar-nav.main-nav{
		margin-top: -1px;
		margin-bottom: 0px;
	}
	.navbar-nav.main-nav>li>a{
		padding: 20px 25px;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.navbar-nav.navbar-right{
		background: #F5F5F5;
		margin-bottom: 0;
		margin-top: 0;
	}
	.navbar-nav>li>.dropdown-menu > li{
		padding: 5px 0;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.dish-content h6.days > span:first-child{
		position: absolute;
	}
	.dish-content h6.days > strong:nth-child(2){
		margin-top: 35px;
	}
	.dish-content h6.days > strong{
		margin-top: 20px;
		margin-left: 0;
		margin-right: 20px;
	}
	.other-dishes {
		height: auto;
		margin-bottom: 20px;
	}
	.flexslider{
		border: none;
		margin-bottom: 10px;
		background: transparent;
	}
	h2.subtitle{
		font-size: 20px;
	}
	.dish-content {
		margin-top: 40px;
	}
	.xof-main {
		background: #1B9AAA;
		background: rgba(27, 154, 170, 0.8);
		padding: 6px 14px;
		text-transform: none;
		z-index: 2;
		position: absolute;
		top: 555px;
		bottom: auto;
		right: 25px;
		font-size: 14px;
	}
	.navbar-brand{
		width: 80%;
	}
	.navbar-brand img {
		border-right: 1px solid #DBDBDB;
		padding-right: 20px;
		margin-right: 20px;
		max-width: 100%;
		max-height: 50px;
	}

	/* --- TYPOGRAPHY --- */
	p{
		font-size: 15px
	}
	.dish-content h6 span{
		font-size: 14px;
	}
	.form-group label{
		font-size: 14px;
	}
	.pickup-info{
		font-size: 14px !important;
	}
	.dish-content .col-md-12{
		padding: 0;
	}
	h2.subtitle{
		margin: 20px 0;
	}
	.page-header{
		margin-top: 40px;
	}
	.table td.dish.has-image strong, .table td.dish.has-image small {
		width: 100px;
		white-space: normal;
	}
	.compute-title{
		margin-top: 10px;
	}

	/* --- BUTTONS --- */
	.main-buttons .col-xs-9,
	.main-buttons .col-xs-3{
		width: 100%;
	}
	.main-buttons .col-xs-9 .btn{
		width: 100%;
		margin-bottom: 10px;
	}
	.main-buttons .col-xs-3 .btn{
		width: 100%;
		margin-bottom: 10px;
	}
}
@media (max-width: 414px) and (min-width: 321px){
	.thank-you .icon img{
		margin: 0 auto;
	}
	.navbar-default .navbar-toggle{
		margin-top: 20px
	}
	.navbar-nav.main-nav{
		margin-top: -1px;
		margin-bottom: 0px;
	}
	.navbar-nav.main-nav>li>a{
		padding: 20px 25px;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.navbar-nav.navbar-right{
		background: #F5F5F5;
		margin-bottom: 0;
		margin-top: 0;
	}
	.navbar-nav>li>.dropdown-menu > li{
		padding: 5px 0;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.dish-content h6.days > span:first-child{
		position: absolute;
	}
	.dish-content h6.days > strong:nth-child(2){
		margin-top: 35px;
	}
	.dish-content h6.days > strong{
		margin-top: 20px;
		margin-left: 0;
		margin-right: 20px;
	}
	.other-dishes {
		height: auto;
		margin-bottom: 20px;
	}
	.flexslider{
		border: none;
		margin-bottom: 10px;
		background: transparent;
	}
	h2.subtitle{
		font-size: 20px;
	}
	.dish-content {
		margin-top: 40px;
	}
	.xof-main {
		background: #1B9AAA;
		background: rgba(27, 154, 170, 0.8);
		padding: 6px 14px;
		text-transform: none;
		z-index: 2;
		position: absolute;
		top: 555px;
		bottom: auto;
		right: 25px;
		font-size: 14px;
	}
	.navbar-brand{
		width: 80%;
	}
	.navbar-brand img {
		border-right: 1px solid #DBDBDB;
		padding-right: 20px;
		margin-right: 20px;
		max-width: 100%;
		max-height: 50px;
	}

	/* --- TYPOGRAPHY --- */
	p{
		font-size: 15px
	}
	.dish-content h6 span{
		font-size: 14px;
	}
	.form-group label{
		font-size: 14px;
	}
	.pickup-info{
		font-size: 14px !important;
	}
	.dish-content .col-md-12{
		padding: 0;
	}
	h2.subtitle{
		margin: 20px 0;
	}
	.page-header{
		margin-top: 40px;
	}
	.table td.dish.has-image strong, .table td.dish.has-image small {
		width: 100px;
		white-space: normal;
	}
	.compute-title{
		margin-top: 10px;
	}
}
@media (max-width: 768px) and (min-width: 415px){
	
}
@media (min-width: 769px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-top: 0px;
	}
	.name {
		/*margin-top: 20px;*/
	}
	.chef-profile .photo img {
		width: 70%;
	}
}
@media (max-width: 1024px) and (min-width: 769px){
	.navbar-nav>li>a {
		padding: 30px 15px;
		font-family: 'ProximaNova-Semibold';
	}
	.navbar-brand {
		height: 80px;
		width: 100%;
	}
	.dish-name .text h5{
		padding-right: 10px;
		line-height: 130%;
	}
}
@media (max-width: 1280px) and (min-width: 1025px){
	
}