/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/
@media (min-width: 1500px) {
	section.welcome h1 {
		font-size: 104px;
		line-height: 100px;
	}
	h2 {
		font-size: 104px;
		line-height: 100px;
	}
	p, li, li.footlist {
		font-size: 28px;
	}
	p.main, li {
		line-height: 31px !important;
	}
	li.footlist {
		line-height: 46px;
	}
	section.enhanceNutrition h2 {
		font-size: 79px;
		line-height: 76px;
	}
	section.licoriceFudgeSyrupsSection img.assortedLicorice {
		margin-top: -5%;
	}
	footer.footer h2 {
		font-size: 74px;
	}
}

@media (min-width: 1300px) and (max-width: 1499px) {
	section.licoriceFudgeSyrupsSection img.assortedLicorice {
		margin-top: -10%;
	}
}

@media (max-width: 1199px) {
	section.chewyCandiesSection img.chewyCandy {
		margin-left: 8%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	section.panCoatedSweetsSection p.main {
		margin-right: 19%;
	}
}

@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.findYourTwist ul {
		margin-bottom: 0;
	}
	section.findYourTwist ul li {
		display: block;
		padding-top: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #e7ddab;
		margin-left: 10%;
		margin-right: 18%;
	}
	section.replaceGelatin h2 {
		line-height: 60px;
	}
	section.licoriceFudgeSyrupsSection ul.mainlist li {
		margin-right: 15%;
	}
	section.licoriceFudgeSyrupsSection p.main {
		margin-right: 5%;
	}
	footer.footer h2 {
		font-size: 43px;
		line-height: 41px;
	}
}

@media (max-width: 880px) {
	section.findYourTwist ul li {
		margin-left: 5%;
		margin-right: 13%;
	}
}

@media (max-width: 800px) {
	section.findYourTwist ul li {
		margin-left: 2%;
		margin-right: 7%;
	}
}

@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 h1 {
		font-size: 50px;
		line-height: 47px;
		margin-top: -70px;
	}
	section.welcome img.logo {
		width: 75%;
		margin-top: 50px;
	}
	section.findYourTwist ul li {
		display: block;
		padding: 8px;
		border: 2px solid #e7ddab;
		margin: 10px 5% 10px 0;
	}
	section.findYourTwist p.pRow {
		margin-bottom: 0;
	}
	section.findYourTwist p.pRow a {
		border: 2px solid #e7ddab;
		border-radius: 3px;
		padding: 8px;
		line-height: 50px;
	}
	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, li, li.footlist {
		font-size: 18px;
		line-height: 21px;
	}
	section.welcome h1 {
		font-size: 38px;
		line-height: 46px;
	}
	section.welcome img.logo {
		margin-top: 25px;
	}
	section.findYourTwist ul li {
		margin-right: 7%;
	}
	section.replaceGelatin h2 {
		line-height: 40px;
	}
	section.jellyGumCandiesSection {
		margin-top: 40px;
	}
	section.jellyGumCandiesSection p.main {
		margin-right: 0;
	}
	section.hardGumsSection h2 {
		margin-left: 10%;
	}
	section.hardGumsSection p.main {
		margin-left: 10%;
		margin-right: 10%;
	}
	section.hardGumsSection p.foot {
		margin-left: 10%;
	}
	section.panCoatedSweetsSection {
		margin-top: 0;
	}
	section.panCoatedSweetsSection p.main {
		margin-right: 5%;
	}
	section.panCoatedSweetsSection img.gumballs {
		margin-top: -12%;
	}
	section.chewyCandiesSection {
		margin-top: 0;
	}
	section.marshmallowsSection {
		margin-top: 75px;
	}
	section.marshmallowsSection p.main {
		margin-right: 0;
	}
	section.licoriceFudgeSyrupsSection {
		margin-top: 50px;
	}
	section.licoriceFudgeSyrupsSection h2 {
		margin-left: 22%;
	}
	section.licoriceFudgeSyrupsSection ul.mainlist li {
		margin-left: 18%;
		margin-right: 0;
	}
	section.licoriceFudgeSyrupsSection p.main {
		margin-left: 28%;
		margin-right: 5%;
	}
	section.licoriceFudgeSyrupsSection p.foot {
		margin-left: 28%;
	}
	section.licoriceFudgeSyrupsSection img.assortedLicorice {
		margin-top: 0;
	}
	section.starchMouldedSection h2 {
		margin-left: 5%;
	}
	section.starchMouldedSection p.main {
		margin-left: 5%;
		margin-right: 12%;
	}
	section.starchMouldedSection p.foot {
		margin-left: 5%;
	}
	section.download {
		margin-top: 80px;
	}
	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 h1 {
		font-size: 31px;
		line-height: 29px;
		margin-top: -30px;
	}
	section.welcome img.lollipop {
		margin-top: -5%;
	}
	section.welcome img.logo {
		width: 100%;
		margin-top: 15px;
	}
	section.combination p.main {
		line-height: 22px;
	}
	section.combination h2 {
		margin-top: 10px;
	}
	section.combination img.jellies {
		margin-top: -5%;
	}
	section.uniqueTwist {
		margin-top: 25px;
	}
	section.findYourTwist {
		margin-top: 25px;
	}
	section.findYourTwist h2 {
		margin-bottom: 20px;
	}
	section.findYourTwist ul li {
		margin-right: 9%;
	}
	section.replaceGelatin img.marshmallow {
		margin-bottom: 0;
	}
	section.replaceGelatin h2 {
		line-height: 30px;
		margin-left: 3%;
		margin-right: 3%;
	}
	section.replaceGelatin img.marshmallows {
		margin-top: -40%;
	}
	section.jellyGumCandiesSection img.jellyBeans {
		margin-top: -20%;
	}
	section.hardGumsSection img.coughDrops {
		margin-bottom: -15%;
	}
	section.panCoatedSweetsSection img.lollipops {
		margin-bottom: -20%;
	}
	section.panCoatedSweetsSection h2 {
		margin-left: 7%;
	}
	section.panCoatedSweetsSection p.main {
		margin-left: 7%;
		margin-right: 6%;
	}
	section.panCoatedSweetsSection p.foot {
		margin-left: 7%;
	}
	section.chewyCandiesSection h2 {
		margin-left: 6%;
	}
	section.chewyCandiesSection p.main {
		margin-left: 6%;
		margin-right: 12%;
	}
	section.chewyCandiesSection p.foot {
		margin-left: 6%;
	}
	section.chewyCandiesSection img.chewyCandy {
		margin-top: -25%;
		margin-left: 6%;
	}
	section.chewyCandiesSection img.caramels {
		margin-top: -40%;
	}
	section.marshmallowsSection img.marshmallowRope {
		margin-bottom: -10%;
	}
	section.marshmallowsSection img.marshmallows {
		margin-bottom: -85%;
	}
	section.marshmallowsSection h2 {
		margin-left: 0;
	}
	section.marshmallowsSection p.main {
		margin-left: 0;
		margin-right: 1%;
	}
	section.marshmallowsSection p.foot {
		margin-left: 0;
	}
	section.licoriceFudgeSyrupsSection img.redLicorice {
		margin-bottom: -55%;
	}
	section.licoriceFudgeSyrupsSection h2 {
		margin-left: 20%;
	}
	section.licoriceFudgeSyrupsSection ul.mainlist li {
		margin-left: 0;
		margin-right: 0;
	}
	section.licoriceFudgeSyrupsSection p.main {
		margin-left: 10%;
		margin-right: 0;
	}
	section.licoriceFudgeSyrupsSection p.foot {
		margin-left: 10%;
	}
	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.findYourTwist ul li {
		margin-right: 13%;
	}
	section.replaceGelatin img.marshmallow {
		margin-bottom: -60%;
	}
	section.replaceGelatin h2 {
		margin-right: 5%;
		margin-left: 5%;
	}
	section.replaceGelatin img.marshmallows {
		margin-top: -60%;
	}
}
@media (max-width: 350px) {
	section.findYourTwist ul li {
		margin-right: 15%;
	}
	section.replaceGelatin img.marshmallow {
		margin-bottom: -45%;
	}
	section.replaceGelatin img.marshmallows {
		margin-top: -80%;
	}
}