/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/
@media (min-width: 1300px) {
	section.ladle img.stew {
		margin-top: -6%;
	}
	section.saucesAndCondimentsSection img.sauce1 {
		margin-bottom: -35%;
	}
	section.soupsAndSaucesSection img.sauce4 {
		margin-top: -6%;
	}
}

@media (min-width: 1350px) {
	section.saucesAndCondimentsSection img.sauce2 {
		margin-top: -10%;
	}
	section.saucesAndCondimentsSection img.sauce3 {
		margin-top: 0;
	}
	section.savorVictory img.marinaraSauce {
		margin-top: -5%;
	}
}

@media (min-width: 1500px) {
	section.welcome h1 {
		font-size: 104px;
		line-height: 100px;
	}
	h2 {
		font-size: 104px;
		line-height: 100px;
	}
	p, li.footlist {
		font-size: 28px;
	}
	p.main {
		line-height: 31px !important;
	}
	section.soupsAndSaucesSection img.sauce4 {
		margin-top: -3%;
	}
	footer.footer h2 {
		font-size: 74px;
	}
}

@media (min-width: 1800px) {
	section.ladle img.stew {
		margin-top: 0;
	}
	section.saucesAndCondimentsSection img.sauce1 {
		margin-bottom: -20%;
	}
	section.saucesAndCondimentsSection img.sauce2 {
		margin-top: 0;
	}
	section.soupsAndSaucesSection img.sauce4 {
		margin-top: 0;
	}
}

@media (max-width: 1199px) {
	section.saucesAndCondimentsSection h2 {
		margin-left: 15%;
	}
	section.saucesAndCondimentsSection ul.mainlist {
		margin-left: 12.5%;
	}
	section.saucesAndCondimentsSection ul.bottomlist {
		margin-left: 16%;
	}
	section.soupsAndSaucesSection h2 {
		margin-left: 9%;
	}
	section.soupsAndSaucesSection ul.mainlist li {
		margin-left: 7%;
	}
	section.soupsAndSaucesSection ul.bottomlist {
		margin-left: 9%;
	}
	section.soupsAndSaucesSection img.soup3 {
		width: 44.5%;
		margin-bottom: -130%;
	}
	section.textureSolutionsSection img.soup4 {
		width: 20%;
	}
}
@media (max-width: 1050px) {
	section.ladle img.soupAndSauce {
		 margin-left: 2%;
	}
	section.ladle img.stew {
		margin-right: 3%;
	}
	section.meats img.subSandwich {
		margin-top: -15%;
	}
}
@media (max-width: 991px) {
	h2 {
		font-size: 60px;
		line-height: 57px;
	}
	section.welcome h1 {
		font-size: 60px;
		line-height: 57px;
	}
	section.welcome img.logo {
		width: 65%;
	}
	section.perfectSoups img.condiments {
		margin-top: 0;
	}
	section.perfectSoups img.chickenNoodleSoup {
		width: 40%;
		margin-top: -32%;
	}
	section.vegan  {
		margin-top: 40px;
	}
	section.textureSolutionsSection h2 {
		margin-left: 22%;
	}
	section.textureSolutionsSection ul.mainlist li {
		margin-left: 21%;
	}
	section.textureSolutionsSection ul.bottomlist {
		margin-left: 22%;
	}
	section.savorVictory img.marinaraSauce {
		margin-left: 15%;
	}
	section.savorVictory img.pasta4 {
		width: 45%;
	}
	footer.footer h2 {
		font-size: 43px;
		line-height: 41px;
	}
}
@media (max-width: 950px) {
	section.ladle img.soupAndSauce {
		 margin-top: -8%;
	}
	section.ladle img.stew {
		margin-top: -8%;
	}
}
@media (max-width: 850px) {
	section.ladle img.soupAndSauce {
		 margin-top: -4%;
	}
	section.ladle img.stew {
		margin-top: -4%;
	}
}
@media (max-width: 767px) {
    header .menu-container {
        background-color: transparent;
    }
    header .menu-container .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
		background-color: #efefef;
		position: relative;
		top: 0;
		right: 45px;
		padding: 10px 100px 10px 10px;
		text-align: left;
    }
    header .menu-container .navbar .navbar-default {
    	position: fixed !important;
    }
	header .menu-container .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 20px;
	}
	header .menu-container .navbar-nav > li > a.back {
		margin-left: 0;
	}
    header .menu-container .navbar-toggle {
    	margin-bottom: 0;
    }
    header .menu-container .navbar-toggle:hover {
    	background-color: #b2b4b3;
    	border-color: #b2b4b3;
    }
    header .menu-container .navbar-toggle:focus {
    	background-color: #b2b4b3;
    	border-color: #b2b4b3;
    }
    header .menu-container .navbar .navbar-collapse {
        text-align: right;
        border: none;
        box-shadow: none;
    }
	header .menu-container .navbar-nav > li > a img {
		width: 26px;
		height: 26px;
	}
	h2 {
		font-size: 50px;
		line-height: 47px;
	}
	section.welcome img.salad {
		margin-right: 18%;
	}
	section.welcome h1 {
		font-size: 50px;
		line-height: 47px;
		margin-top: -65px;
	}
	section.welcome img.chickenMarsala {
		width: 90%;
		height: auto;
		margin-top: -10%;
	}
	section.ladle h2 {
		margin-top: 40px;
	}
	p.pRow {
		margin-bottom: 0;
	}
	section.ladle a {
		border: 2px solid #f9bc8f;
		border-radius: 3px;
		padding: 8px;
		line-height: 50px;
	}
	section.saucesAndCondimentsSection img.sauce1 {
		margin-left: 16%;
	}
	section.saucesAndCondimentsSection h2 {
		margin-left: 8%;
	}
	section.saucesAndCondimentsSection ul.mainlist {
		margin-left: 5%;
	}
	section.saucesAndCondimentsSection ul.mainlist li {
		margin-right: 0;
	}
	section.saucesAndCondimentsSection ul.bottomlist {
		margin-left: 16%;
	}

	section.saucesAndCondimentsSection ul.bottomlist li.footlist, section.soupsAndSaucesSection ul.bottomlist li.footlist, section.textureSolutionsSection ul.bottomlist li.footlist, section.meats ul.bottomlist li.footlist {
		display: block;
		text-align: left;
		border-bottom: 1px solid #f9bc8f;
		margin-right: 50%;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	section.saucesAndCondimentsSection ul.bottomlist li.footlist.nobb, section.soupsAndSaucesSection ul.bottomlist li.footlist.nobb, section.textureSolutionsSection ul.bottomlist li.footlist.nobb, section.meats ul.bottomlist li.footlist.nobb {
		border-bottom: none;
	}
	section.soupsAndSaucesSection img.soup2 {
		width: 33%;
	}
	section.soupsAndSaucesSection img.soup3 {
		width: 40%;
		margin-bottom: -130%;
	}
	section.soupsAndSaucesSection ul.bottomlist {
		margin-left: 15%;
	}
	section.textureSolutionsSection h2 {
		margin-left: 18%;
	}
	section.textureSolutionsSection ul.mainlist li {
		margin-left: 16%;
	}
	section.textureSolutionsSection ul.bottomlist {
		margin-left: 23%;
	}
	section.meats ul.mainlist li {
		margin-left: 12.5%;
		margin-right: 0;
	}
	section.meats img.subSandwich {
		width: 70%;
		height: auto;
		margin-top: -20%;
	}
	section.savorVictory img.marinaraSauce {
		margin-left: 5%;
		width: 22%;
	}
	section.savorVictory img.pasta4 {
		margin-top: -15%;
		width: 35%;
	}
	footer.footer {
		margin-top: 70px;
	}
	footer.footer h2 {
		font-size: 36px;
	}
	footer.footer .logoRow img.footerLogo {
		width: 235px;
	}
	footer.footer .contactRow h3 {
		border: 2px solid #ffffff;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 600px) {
	h2 {
		font-size: 38px;
		line-height: 36px;
	}
	p {
		font-size: 18px;
		line-height: 21px;
	}
	section.welcome img.salad {
		margin-right: 25%;
	}
	section.welcome h1 {
		font-size: 38px;
		line-height: 46px;
	}
	section.welcome img.logo {
		width: 75%;
		margin-top: 25px;
	}
	section.perfectSoups img.condiments {
		margin-top: 50px;
	}
	section.perfectSoups img.ribs {
		width: 70%;
		margin-top: -15%;
	}
	section.vegan  {
		margin-top: 20px;
	}
	footer.footer h2 {
		font-size: 29px;
	}
	footer.footer .contactRow h3 {
		width: 90%;
	}
}

@media (max-width: 480px) {
	h2 {
		font-size: 31px;
		line-height: 29px;
	}
	section.welcome img.salad {
		margin-right: 50%;
		width: 50%;
	}
	section.welcome img.tomatoSoup {
		width: 42%;
		height: auto;
		margin-top: 10px;
	}
	section.welcome h1 {
		font-size: 31px;
		line-height: 29px;
		margin-top: -15px;
	}
	section.welcome img.logo {
		width: 100%;
		margin-top: 15px;
	}
	section.perfectSoups h2 {
		margin-top: 0;
	}
	section.perfectSoups img.chickenNoodleSoup {
		width: 30%;
		margin-top: -100%;
	}
	section.perfectSoups img.ribs {
		width: 70%;
		margin-top: -5%;
	}
	section.ladle img.soupAndSauce {
		 margin-top: 0;
	}
	section.ladle img.stew {
		margin-top: 0;
	}
	section.saucesAndCondimentsSection img.sauce1 {
		margin-left: 5%;
		margin-bottom: -100%;
	}
	section.saucesAndCondimentsSection ul.mainlist {
		margin-left: 0;
	}
	section.saucesAndCondimentsSection img.turkey {
		margin-top: -10%;
	}
	section.saucesAndCondimentsSection img.sauce2 {
		margin-top: -150%;
	}
	section.saucesAndCondimentsSection img.sauce3 {
		margin-top: -90%;
	}
	section.soupsAndSaucesSection img.soup3 {
		width: 30%;
		margin-bottom: -200%;
	}
	section.soupsAndSaucesSection ul.mainlist li {
		margin-left: 2%;
	}
	section.soupsAndSaucesSection img.soup2 {
		margin-bottom: -15%;
	}
	section.textureSolutionsSection img.vegetableSoup {
		margin-bottom: -15%;
	}
	section.textureSolutionsSection img.soup4 {
		margin-bottom: -250%;
	}
	section.textureSolutionsSection h2 {
		margin-left: 10%;
	}
	section.textureSolutionsSection ul.mainlist li {
		margin-left: 4%;
	}
	section.textureSolutionsSection ul.bottomlist {
		margin-left: 16%;
	}
	section.textureSolutionsSection img.pasta3 {
		margin-top: 0;
	}
	section.savorVictory img.marinaraSauce {
		width: 22%;
		margin-top: 10px;
	}
	section.savorVictory img.pasta4 {
		margin-top: 10px;
		width: 51.5%;
	}
	footer.footer {
		margin-top: 30px;
	}
	footer.footer h2 {
		font-size: 24px;
	}
	footer.footer .bottomMenuContainer > div > div > div > div {
		text-align: center;
	}
	footer.footer .bottomMenuContainer img {
		width: 60% !important;
		margin-bottom: 10px;
	}
	footer.footer .bottomMenuContainer .btnRow2 {
		margin-top: 0;
	}
	footer.footer .bottomMenuContainer .btnRow2 img.confectioneryBtn {
		margin-left: 0;
	}
	footer.footer .bottomMenuContainer .btnRow2 img.savoryBtn {
		margin-right: 0;
	}
	footer.footer .contactRow h3 a {
		font-size: 20px;
	}
}
@media (max-width: 400px) {
	section.textureSolutionsSection img.soup4 {
		margin-bottom: -300%;
	}
}
@media (max-width: 349px) {
	section.textureSolutionsSection img.soup4 {
		margin-bottom: -400%;
	}
}