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


.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:#fff;
	color:#132f57;
}
#introduction h2{
	margin:0 0 20px 0;
}
#introduction p{
	max-width:800px;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:3;
}



/* DELICIOUS ----------------------------------- */
#delicious{
	background:url(../img/BGgray.jpg) center center;
	color:#fff;
}
#deliciousInner01{
	padding:60px 0 80px 0;
	background:url(../img/DragonLongPotato/potato.png) no-repeat 100% 100%;
}
#deliciousInner02{
}
#delicious h2{
	position:relative;
	max-width:560px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
}
#delicious p{
	max-width:560px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
#deliciousVideo{
	display:block;
	width:480px;
	max-width:96%;
	margin:40px auto 0 60px;
	background:#111;
}
#delicious h2 br.sp{display:none;}

/*
@media screen and (max-width:1250px){#delicious{background-position:103% 100%;}}
@media screen and (max-width:1200px){#delicious{background-position:-webkit-calc(50% + 275px) 100%;background-position:calc(50% + 275px) 100%;}}
*/
@media screen and (max-width:1000px){#deliciousInner01{background-size:80% auto;}}
@media screen and (max-width:760px){
#deliciousInner01{
	padding:60px 0 300px 0;
}
#delicious h2{
	max-width:none;
	margin:0 auto 20px;
	padding:0 30px;
	text-align:left;
}
#delicious p{
	max-width:none;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
#deliciousVideo{
	display:inline-block;
	margin:40px auto 0;
}
}
@media screen and (max-width:600px){
	#deliciousInner01{padding:60px 0 70% 0;background-size:100% auto;}
	#deliciousVideo {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}
	#deliciousVideo iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
}
@media screen and (max-width:400px){#deliciousInner01{background-size:400px auto;background-position:50% 100%;}}




/* EASY ----------------------------------- */
#easy{
	background:#fff url(../img/DragonLongPotato/powderBG.png) repeat-x 50% 100%;
	color:#102748;
}
#easyInner01{
	padding:60px 0 80px 0;
	background:url(../img/DragonLongPotato/powder.png) no-repeat 100% 100%;
}
#easyInner02{
}
#easy h2{
	position:relative;
	max-width:560px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
}
#easy p{
	max-width:560px;
	margin:0 auto 20px 30px;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
#easy h2 br.sp{display:none;}

@media screen and (max-width:1200px){#easyInner01{background-position:-webkit-calc(50% + 300px) 100%;background-position:calc(50% + 300px) 100%;}}
@media screen and (max-width:880px){#easyInner01{background-position:500px 100%;}}

@media screen and (max-width:760px){
#easyInner01{
	padding:60px 0 85% 0;
	background-position:100% -webkit-calc(50% + 300px);background-position:100% calc(50% + 300px);
}
#easy h2{
	max-width:none;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
}
#easy p{
	max-width:none;
	margin:0 auto;
	padding:0 30px;
	text-align:left;
	line-height:2.5;
}
}
@media screen and (max-width:550px){#easyInner01{background-position:100% 100%;background-size:100% auto;}}




/* ITEMS ----------------------------------- */
#items{
	background:url(../img/BGgray.jpg) center center;
	color:#fff;
}
#itemsInner{
	padding:50px 0 100px 0;
}
#items ul{
	display:block;
	letter-spacing:150px;
}
#items li{
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
}
#items li img{
	display:block;
	margin-bottom:10px;
	border-radius:100px;
}
#items li span{
	display:inline-block;
	white-space:nowrap;
}
@media screen and (max-width:600px){
#itemsInner{padding:15% 0 30% 0;}
#items ul{letter-spacing:0;}
#items ul li{max-width:33%;}
#items ul li:first-child{margin:0 10% 0 0;}
}