#tecza {
	background: #F5CFFF;
}
#slonce {
	background: #FFF1B6;
}
#melon {
	background: #FFDBB1;
}
#truskawka {
	background: #FFAFBB;
}
#grejpfrut {
	background: #FF9A87;
}
#kwiat {
	background: #A7DAEA;
}
#goraca {
	background: #A8F0E0;
}
#ciemna {
	background: #C89AD3;
}
#wanilia {
	background: #FF8B9C;
}

section.page-products {
	margin-top:55px;
	margin-bottom:60px;
	background-color: #C89AD3;
}
.scents_content {
	margin: 0 auto;
	position:relative;
}
.scents_header {
	padding-bottom: 0;
}
.scents_content .starsd {
	position: relative;
	right: 0;
	top: 0;
}
.scents_content .starsd img, .scents_content .starsd svg{
	width:76px;
	position:  absolute;
	right: -95px;
	top: -20px;
	fill:#000;
	height: auto;
}
.scents_content .left{
	width: 50%;
	float: left;
}
.scents_content .mid_arrow{
    width: 126px;
    float: left;
    height:  150px;
    /* margin-top: 250px; DOMYŚLNE */
    margin-top: 180px;
    position:  absolute;
    margin-left: calc(85% - 300px);
}
.scents_content .mid_arrow img, .scents_content .mid_arrow svg{
    clear:right;
    float: right;
}
.scents_content .mid_arrow p{
	color: #FFFFFF;
	font-family: "gt_walsheim_prolight";
	font-size: 16px;
	font-weight: 300;
	line-height: 23px;
}
.scents_content .mid_arrow .spacer {
  height: calc(100% - 100px);
  width: 0px;
  float: right;
}
.scents_content .right{
	width: 32%;
	float: right;
} 
.scents_content .right img,.scents_content .right>div{float:right;    margin-top: -74px;}
.scents_content h2 {
	color:white;
	text-align:left;
	font-family: "gt_walsheim_prolight";
	font-weight: 600;
	padding: 12px 0 17px 0;
	/* font-size: 60px; DOMYŚLNE */
	font-size: 48px;
    line-height: 60px;
    /* text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.38); */
}
.scents_content h2, .scents_content .left p, .scents_content .mid_arrow, .scents_content .mid_arrow p, .scents_content .starsd{color: #fff;}
svg g, svg path, svg g polygon{fill:#fff;}
#sc .scents_content h2, #sc .scents_content .left p, #sc .scents_content .mid_arrow, #sc .scents_content .mid_arrow p, #sc .scents_content .starsd{color: #55555A;}
#sc svg g, #sc svg path, #sc svg g polygon{fill:#55555A;}


.scents_content .left p {
	max-width: 459px;
	font-family: "gt_walsheim_prolight";
	font-size: 21px;
	font-weight: 300;
	line-height: 30px;
	/* text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.38); */
}
.scents .products {
	width: 940px;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width: 1150px) {

	/* TYMCZASOWE - dopuki nie ma prawidłowych grafik */ 
	.scents_content .starsd img, .scents_content .starsd svg{
		width:76px;
		right: calc(7% - -300px);
	}
	/* DOMYŚLNE
	.scents_content .starsd img, .scents_content .starsd svg{
		width:76px;
		right: calc(3% - -300px);
	}
	*/
}
@media only screen and (max-width: 1010px) {
	.scents_content h2 {
	    color: white;
	    text-align: left;
	    font-family: "gt_walsheim_prolight";
	    font-weight: 600;
	    padding: 0 0 20px 0;
	    font-size: 50px;
	    line-height: 50px;
	}
	.scents_content .right {
    	width: 50%;
    	float: right;
	}
}
@media only screen and (max-width: 950px) {
	.scents_content .mid_arrow {
	    width: 110px;
	    float: left;
	    height: 117px;
	    margin-top: 250px;
	    position: absolute;
	}
	.scents_content .mid_arrow .spacer {
    	height: calc(100% - 68px);
    	width: 0px;
    	float: right;
	}
	.scents_content .left p {
	    max-width: 92%;
    	font-size: 19px;
	}
     
}

@media only screen and (max-width: 800px) {
	.scents_content h2 {
	    font-size: 40px;
	    line-height: 40px;
	    max-width: 100%;
	}
	.scents_content .left p {
	    max-width: 80%;
	}
}

@media only screen and (max-width: 768px) {
	article.scents_header {padding-top: 40px;}
}

@media only screen and (max-width: 750px) {

	/* TYMCZASOWE - dopuki nie ma prawidłowych grafik */ 
	.scents_content .right img,.scents_content .right>div {
	    float: right;
	    margin-top: 25px;
	    margin-bottom: -25px;
	}
	.scents_content{ text-align: center; }
	.scents_content .right {
	    width: 50%;
	    margin-right: 10%;
	    margin: 0 auto;
	    float: initial;
	      display: inline-block;
  		min-width: 264px;
	}
	
	/* DOMYŚLNE
	.scents_content .right img {
    	float: right;
    	margin-top: 25px;
	}
		.scents_content .right {
    	width: 30%;
    	margin-right: 25%;
    	margin-bottom: -5%;
    }
    */
    
    .scents_content .starsd{
		display:none;
	}
	.scents_content .left {
    	width: 100%;
    }
	.scents_content .left p {
    	max-width: 100%;
	}
	.scents_content h2 {
    	line-height: 30px;
    	text-align: center;
	}
	.scents_content .mid_arrow {
	    bottom: initial;
	    left: initial;
	    margin-bottom: initial;
	    position: relative;
	    margin-top: 4%;
	    float: left;
	    margin-left: 25%;
	}
}

@media only screen and (max-width: 600px) {
	.scents_content .mid_arrow {
	    margin-left: 20%;
	}
}
@media only screen and (max-width: 500px) {
	.scents_content .mid_arrow {
	    margin-left: 15%;
	}
}
@media only screen and (max-width: 425px) {
	.scents_content .right {
	    width: 50%;
	    float: initial;
	    padding-bottom: 30px;
	}
	.scents_content .mid_arrow {
    	margin-left: 10%;
    	margin-top: 5%;
    	width: 28%;
	}
	.scents_content .mid_arrow p {
    	font-size: 3.8vw;
	}
	.scents_content .mid_arrow .spacer {
    	height: 42%;
    }
    .scents_content .mid_arrow img, .scents_content .mid_arrow svg {
    	width: 30%;
    }
    .scents_content .left {
    	margin-bottom: 10px;
    }
    .scents_content .left p{
    	padding-left: 5%;
    	padding-right: 3%;
    }
    .scents_content h2 {font-size:9vw;}

}

.mid_arrow {display:none;}