.webp #section {background: url(../images/main04.webp) center top no-repeat;background-size: cover;}
.no-webp #section {background: url(../images/main04.jpg) center top no-repeat;background-size: cover;}
        section {
            position: relative;
            display: flex;
            justify-content:safe center;
            align-items: center;
            color: white;
			flex-direction:column;
			flex-wrap:wrap;
			background-attachment: fixed;
			background-position: center;
            background-size: cover;
        }
.webp #section1 {background: url(../images/main02.webp) center top no-repeat;background-size: cover;}
.no-webp #section1 {background: url(../images/main02.jpg) center top no-repeat;background-size: cover;}
        #section1 {
            position: relative;
            display:flex;
            align-items:flex-end;
			flex-direction:column;
			justify-content:flex-start;
            color: white;
            text-align: left;
            height: 100vh;
			flex-wrap:wrap;
			background-attachment: fixed;
			background-position: center;
            background-size: cover;
        }
        .webp #section2 {background: url(../images/main03.webp) center top no-repeat;background-size: cover;}
.no-webp #section2 {background: url(../images/main03.jpg) center top no-repeat;background-size: cover;}
          #section2 {
            position: relative;
            display: flex;
            justify-content:flex-start;
            align-items: flex-start;
            color: white;
            text-align: left;
			flex-direction:column;
			flex-wrap:wrap;
			background-attachment: fixed;
			background-position: center;
            background-size: cover;
        }
        .webp #section3 {background: url(../images/main01-2.webp) center top no-repeat;background-size: cover;}
.no-webp #section3 {background: url(../images/main01-2.jpg) center top no-repeat;background-size: cover;}
        #section3 {
            position: relative;
            display: flex;
            align-items: flex-end;
			flex-direction:column;
			justify-content:flex-start;
            color: white;
            text-align: left;
			flex-wrap:wrap;
			background-attachment: fixed;
			background-position: center;
            background-size: cover;
        }

.header_logo {
	position: absolute;
	width:120px; height:60px;
	top: 10px; left:50px;
	background:url(../images/logo.png) center top no-repeat;
	background-size:120px 60px;
	display:block;text-indent:100%; white-space:nowrap; overflow:hidden;
}
.cacao_logo {
	position: absolute;
	top: 100px;left: 10px;
	width:200px;
}
/* main */
main {
	position: relative;
}
h1 {
    margin: 0;
    font-size: 2em;
    z-index: 1;
}
p{text-align:left;font-size:1.1em;}


main h1 {
	
}
#section div.pp{
			margin:0 0px 0 0px!important;
			padding:0 20px 0 0px!important;
		}
#section div.pp,#section1 div.pp{
			margin:0 20px 0 20px!important;
			padding:0 20px 0 20px!important;
		}
#section2 div.pp{
			margin:0 20px 0 20px!important;
			padding:0 20px 0 20px!important;
		}

/* #section1 */
#section1 h2 {
	margin: 100px 200px 10px 0px!important;
	text-align:left;
	width:500px;
}
#section1 h3 {
	margin: -60px 0 0 0;
	text-align:left;
	font-size:1.2em;
	text-shadow:0 0 6px rgba(122, 75, 60, 0.3);
}
#section1 p {
	text-align:left;
	text-shadow:0 0 6px rgba(122, 75, 60, 0.3);
}
#section1 div {
	margin: 0 100px 0 0;
}
.ds {
	filter: drop-shadow(0px 0px 6px rgba(122, 75, 60, 0.8));
}
.dsb {
	filter: drop-shadow(0px 0px 4px rgba(30, 0, 0, 1));
}
.hover-shrink:hover {transform: scale(0.7);}
.btn {
	z-index: 10;
	margin:0 auto;
}
 
.downA {
position: absolute;
	bottom: 30px;
	z-index: 2;
	width:60px;
}
#section1 .downA,#section2 .downA,#section3 .downA {
position: absolute;
	bottom: 30px;
	z-index: 2;
	width:60px;
	margin:0 50%;
}
/* #section2 */
#section2 {
	height:100vh;
}
#section2 h2 {
	margin: 80px 0 10px 200px;
	text-align:left;
	width:400px;
}
#section2 h3 {
	margin: 0 0 0 200px;
	text-align:left;
	font-size:1.2em;
	
}
#section2 p {
	margin-left: 200px;
	padding-left:0px;
	text-align:left;
}
#section2 div.center{
	margin-left: 50%;
	margin-right: 50%;
}


/* #section3 */
#section3 {
	height:100vh;
}
#section3 h2 {
	margin: 60px 60px 10px 0px!important;
	text-align:left;
	width:500px!important;
}
#section3 h3 {
	margin: -10px 0 0 0;
	text-align:left;
	font-size:1.2em;
	text-shadow:0 0 6px rgba(122, 75, 60, 0.3);
}
#section3 p {
	text-align:left;
	text-shadow:0 0 6px rgba(122, 75, 60, 0.3);
}
#section3 div.pp {
	margin-right:30px!important;
	padding-right:0px!important;
}

#section3 p {
	text-align:left;
	text-shadow:0 0 6px rgba(122, 75, 60, 0.3);
}
.ma {
	margin:0 auto;
}
/* #section */
#section {
	text-align:left;
}
.products{
	width:100%;
	z-index:5;
}
#section h2 {
	margin: 0 0 10px 400px;
	text-align:left;
	width:500px;
	z-index:5;
}
#section h3 {
	margin: 0px;
	text-align:left;
	font-size:1.2em;
	z-index:5;	
}
#section p {
	text-align:left;
	z-index:5;
}
.products {
	padding:10%;
	color:#000000;
}
.products img.fl {
	width:100%;
}
.products h3{
	padding:120px 0 0 120px;
	font-size:1.2em;
	z-index:5;
}
.w80 {
	width:80%;
	z-index:5;
}
.bgp {
	background:url(../images/ribon01.svg),url(../images/ribon02.svg),url(../images/23.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position:bottom right,top left,top center;
	background-size:60%,26%,cover;
}
.price{
	padding-left:120px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
	z-index:5;
}
.price span{
	font-size:0.7em;
	font-weight:300;
	z-index:5;
	}
.products p{
	padding-left:120px;
	padding-right: 40px;
	font-size:1em;
	line-height:1.2em;
	z-index:5;
}
.pd120 {
	padding-left:120px!important;
}
a.btn-border {
  border: 4px double #fff;
  border-radius: 0;
  padding:0.5em 1em;
  color: #fff;
  border-radius:1em;
  background-color: #f4145b;
  text-decoration:none;
  margin-bottom:30px;
  margin-top:30px;
  white-space:nowrap;
}

a.btn-border:hover {
  color: #fff;
  background-color: rgb(234, 116, 212);
  transition-duration: 0.5s;
  transition-property: all;
  transition-timing-function: ease-in;
}
.imgBG {
	background:url(../images/products.jpg) center center no-repeat;
	background-size:cover;
}