@media (min-width: 1126px) {

	#phoneButton{
		margin-right: -15px;
	}

}

@media (max-width: 1125px) {

	.wrapper{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

@media (min-width: 1030px) {

	.callout{
		height: 325px;
	}

}

@media (max-width: 1029px) and (min-width: 768px) {
	
	.navbar-default .navbar-nav > li > a{
		font-size: 16px;
	}

	.callout{
		height: 350px;
	}
		
	.calloutHeadline,
	.calloutHeadline a{
		font-size: 25px;
	}

}

@media (max-width: 991px) {

	.leftText{
		padding-right: 0;
	}

	.rightText{
		padding-left: 0;
	}
	
}

@media (max-width: 885px) and (min-width: 768px) {

	#brand{
		width: 250px;
		padding-top: 15px;
	}
	
	#franchiseNav > li > a{
		font-size: 13px;
	}
	
}

@media (max-width: 767px) {

	#brand,
	#brand-franchise{
		margin-top: -120px;
		padding-left: 15px;
	}
	
	#brand-franchise{
		width: 365px;
		padding-top: 0;
	}
	
	.navbar{
		margin-bottom: 0;
	}
	
	.navbar-brand{
		float: none;
	}

	.navbar-default {
		background-color: #BE1F24;
		margin-top: 120px;
	}
	
	.navbar-default .navbar-collapse {
		padding-top: 0px;
	}
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus{
		color: #fff;
		background: none;
		text-decoration: underline;
		border: 0;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background: none;
		text-decoration: underline;
		border: 0;
	}
	
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #BE1F24;
	}
	
	#fbLink{
		display: none;
	}
	
	#franchiseMobile{
		display: block;
		float: right;
		padding-top: 16px;
	}
	
	#franchiseMobile a{
		color: #fff;
	}
	
	#franchiseMobileFranchise{
		display: block;
		float: right;
		padding-top: 11px;
	}
	
	#franchiseLink{
		display: none;
	}
	
	#phoneButton{
		display: none;
	}
	
	#mainSlide{
		padding: 25px 15px 25px 15px;
	}
	
	.carousel-control.left{
		margin-left: 15px;
		background: none;
	}

	.carousel-control.right{
		margin-right: 15px;
		background: none;
	}
	
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		top: 25%;
	}
	
	#pageContent{
		margin-top: 0;
		padding-top: 25px;
	}
	
	#callout2,
	#callout3,
	#hoursContainer{
		margin-top: 25px;
	}
		
	#calloutHours{
		padding: 15px 0;
	}
	
	#footerLeft{
		text-align: center;
	}
	
	#footerCopy{
		text-align: center;
	}
	
	#footerRight{
		padding-top: 15px;
	}
	
}

@media (max-width: 767px)and (min-width: 545px) {

	.calloutImg,
	.calloutText{
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
		
	.calloutHeadline,
	.calloutHeadline a {
		font-size: 20px;
	}
	
	.calloutCopy{
		line-height: 0.9;
	}
	
}

@media (max-width: 544px) {

	.calloutText{
		padding-bottom: 35px;
	}
	
	#hoursText{
		padding-bottom: 0;
	}
	
	#welcomeImg{
		float: none;
		margin: 0 auto;
	}

	#cateringImg{
		float: none;
		margin: 0 auto 25px auto;
	}
	
	#introImg{
		margin-bottom: 25px;
		text-align: center;
	}
	
	.polaroid-left{
		float: none;
		margin: 0 auto 25px auto;
	}

	.polaroid-right{
		float: none;
		margin: 0 auto 25px auto;
	}

}

@media (max-width: 480px) {
	
	

}