/* PAGE HEADER ----------------------------------- */
#pageHeader{
	position:relative;
	background:#f4ce4b url(../img/HotCheeseSauce/headerImageBG.jpg) no-repeat center bottom;
}
#pageHeader h1{
	position:absolute;
	top:30%;
	left:0%;
	width:100%;
}
#pageHeader h1 img{
	display:block;
	margin:0 0 0 10%;
}
#pageHeaderImage{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width:1000px){#pageHeader h1 img{max-width:55%;}}
@media screen and (max-width:760px){
#pageHeader h1{top:30%;}
#pageHeader h1 img{max-width:75%;margin:0 auto;}
}


.content h2{
	font-size:24px;
	font-weight:400;
	line-height:44px;
}
.content h2 span{
	display:inline-block;
}


/* INTRODUCTION ----------------------------------- */
#introduction{
	padding:60px 0 80px 0;
	background:#132f57 url(../img/BGblue02.jpg) center center;
	color:#fff;
}
#introduction h2{
	margin:0 0 20px 0;
}
#introduction p{
	max-width:800px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:3;
}



/* DISPENSER ----------------------------------- */
#dispenser{
	background:#f5f1ee url(../img/HotCheeseSauce/dispenserImage.jpg) no-repeat 95% 100%;
	color:#102748;
}
#dispenserInner{
	padding:60px 0 80px 0;
}
#dispenser h2{
	position:relative;
	max-width:480px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
}
#dispenser p{
	max-width:480px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
#dispenser h2 br.sp{display:none;}

/*
@media screen and (max-width:1250px){#dispenser{background-position:103% 100%;}}
*/
@media screen and (max-width:1200px){#dispenser{background-position:-webkit-calc(50% + 275px) 100%;background-position:calc(50% + 275px) 100%;}}
@media screen and (max-width:1000px){#dispenser{background-position:450px 100%;}}
@media screen and (max-width:760px){
#dispenser{
	background-position:50% 100%;
	background-size:auto 420px;
}
#dispenserInner{
	padding:60px 0 400px 0;
}
#dispenser h2{
	max-width:580px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
}
#dispenser p{
	max-width:580px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}

}




/* TEMPERATURE ----------------------------------- */
#temperature{
	background:#464749 url(../img/BGgray.jpg) repeat right bottom;
	color:#fff;
}
#temperatureInner{
	min-height:240px;
	padding:60px 0 80px 0;
	background:url(../img/HotCheeseSauce/temperatureImage.png) no-repeat 3% 100%;
}
#temperature h2{
	position:relative;
	max-width:480px;
	margin:0 30px 20px auto;
	padding:0 30px;
	text-align:left;
}
#temperature p{
	max-width:480px;
	margin:0 30px 0 auto;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
#temperature h2 br.sp{display:none;}

@media screen and (max-width:840px){
#temperature h2, #temperature p{
	max-width:58%;
	margin:0 0 0 auto;
}
}
@media screen and (max-width:760px){
#temperatureInner{
	padding:60px 0 400px 0;
	background-position:55% 100%;
}
#temperature h2{
	max-width:580px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
}
#temperature p{
	max-width:580px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
}
@media screen and (max-width:500px){#temperatureInner{background-position:50% 100%;}}
@media screen and (max-width:450px){#temperatureInner{padding:60px 0 95% 0;background-size:90% auto;}}
@media screen and (max-width:360px){#dispenser h2, #temperature h2{font-size:20px;line-height:38px;}}