#first-section{
	position:relative;
}
#first-section:before{
	width:100%;
	height:485px;
	background: linear-gradient(180deg, rgba(153, 123, 102, 0.24) 0%, rgba(244, 251, 251, 0.24) 47.12%);
	display:block;
	content:'';
	
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#first-section .container{
	padding-top:85px;
	
	position:relative;
	z-index:1;
}
#first-section .cols-wrapper{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:34px;
	flex-wrap:wrap;
}
#first-section .cols-wrapper .col{
	width:-moz-calc( 100% - 400px );
	width:-webkit-calc( 100% - 400px );
	width:calc( 100% - 400px );
	
	color:#1F1D19;
	font-size:14px;
	font-weight:400;
	line-height:30px;
}
#first-section .cols-wrapper .col.image{
	width:366px;
	height:auto;
}
#first-section .cols-wrapper .col .title{
	margin:0 0 25px;
	
	color:#1F1D19;
	font-size:24px;
	font-weight:800;
}
#first-section .cols-wrapper .col .desc{
	margin-bottom:20px;
	
	color:#1F1D19;
	font-size:14px;
	font-weight:400;
}
#first-section .cols-wrapper .col .go-to-shop{
	width: 186px;
	height: 44px;
	background-color:#766152;
	background-image:url('../images/form-btn-wave.png');
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size:100% 100%;
	padding: 8px 16px;
	border-radius:8px;
	border:0;
	cursor:pointer;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
	font-size:16px;
	font-weight:500;
	color:#fff;
}
#first-section .cols-wrapper .col .go-to-shop:hover{
	background-color:#55473d;
}
#first-section .features{
	width:100%;
	background:#766152;
	border-radius:16px;
	box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.25);
	
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:34px;
}
#first-section .features .col{
	width:-moz-calc( 25% - 7.5px );
	width:-webkit-calc( 25% - 7.5px );
	width:calc( 25% - 7.5px );
	
	padding:16px 0;
	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:10px;
}
#first-section .features .col img{
	width:55px;
	height:55px;
}
#first-section .features .col p{
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-align:center;
}
@media only screen and (max-width:800px){
	#first-section .cols-wrapper{
		justify-content:center;
		gap:15px;
	}
	#first-section .cols-wrapper .col{
		width:100%;
		margin-top:40px;
		
		text-align:center;
	}
	#first-section .cols-wrapper .col.image{
		max-width:100%;
	}
	#first-section .features{
		gap:15px;
	}
}
@media only screen and (max-width:600px){
	#first-section .features{
		flex-direction:column;
		gap:0;
	}
	#first-section .features .col{
		width:100%;
		padding:16px;
		
		flex-direction:row;
		justify-content:flex-start;
		gap:30px;
	}
}

#sticky-notes{
	margin-top:40px;
}
#sticky-notes .container p{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	gap:20px;
}
#sticky-notes .container a{
	width:-moz-calc(100% / 6 - 16.66666666666667px);
	width:-webkit-calc(100% / 6 - 16.66666666666667px);
	width:calc(100% / 6 - 16.66666666666667px);
	
	height:auto;
	background:#F0EAD2;
	border:2px dashed #F0EAD2;
	border-radius:8px;
	box-shadow: 0px 0px 32px 0px rgba(118, 97, 82, 0) inset;
	padding:0 10px;
	margin-top:18px;
	aspect-ratio:1/1;
	
	display:flex;
	justify-content:center;
	align-items:center;
	
	color:#766152;
	font-size:14px;
	font-weight:500;
	text-align:center;
	
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	
	position:relative;
}
#sticky-notes .container a:hover{
	box-shadow: 0px 0px 32px 0px rgba(118, 97, 82, 0.4) inset;
	border-color:#766152;
}
#sticky-notes .container a:before{
	width:80px;
	height:79px;
	background:url('../images/paper-glue.png') no-repeat;
	display:block;
	content:'';
	
	position:absolute;
	top:-18px;
	left:-18px;
	z-index:1;
}
@media only screen and (max-width:800px){
	#sticky-notes .container a{
		width:-moz-calc(100% / 3 - 13.33333333333333px);
		width:-webkit-calc(100% / 3 - 13.33333333333333px);
		width:calc(100% / 3 - 13.33333333333333px);
	}
}
@media only screen and (max-width:500px){
	#sticky-notes .container a{
		width:-moz-calc(50% - 10px);
		width:-webkit-calc(50% - 10px);
		width:calc(50% - 10px);
	}
}