img { max-width: 100%;}
section { position: relative;}
.font-weight-400 { font-weight: 400;}
.font-weight-700 { font-weight: 700;}
.text-danger{color: #e83d52 !important}
.text-light { color: #767676 !important; font-size: 0.8em;}
.d-flex { flex-wrap: wrap; }
.row-reverse { flex-direction: row-reverse;}
.hl>*{font-weight:400;}

.vid-wrp .d-flex { margin-top:25px}
.btn-blog-link{padding: 14px;border: 2px solid #222;border-radius: 30px;font-weight: 700;margin: 0; text-align: center;}

.title-wrap p {font-size: 1.5em; font-weight: 700; margin-bottom: 20px;}
.cont-1 .display-1 { font-weight: 400;}


@media (min-width: 768px) {
    .story-page [class^=cont-]{padding-top: 60px;padding-bottom: 60px}
	.btn-blog-link{width: 200px; }
	.cont-1 .col-md-4 { margin-left: 8%;}
	.cont-1 .row { margin-bottom:6.8em}
	.cont-4 .txt-wrap { padding-left:20%}
	.cont-5 .txt-wrap { padding-left: 8.35%;}
	.cont-5::before{content:"";position:absolute;left:0%;bottom:-38%;width:67%;height:90%;background:#f5f2ed;}
	.cont-6 .col-md-auto { padding:5px}
	.cont-8 img:last-of-type { margin-top:7.5%}
	.cont-8::before{content:"";position:absolute;left:29%;bottom:-68%;width:56%;height:126%;background:#f5f2ed;}
	.cont-9 img:last-of-type { margin-top:7.5%}
	.text-review {margin: 15% 0;font-size: 14px;line-height: 1.6}
	.bottom-product{background: #f5f2ed;padding: 35px 20px 0;}
	.bottom-product .cntr{position: relative;text-align: center}
	.bottom-product .link{position: absolute;z-index: 10;top: -44%;left: -5px}
	.bottom-product .txt-area{font-size: 26px;font-weight: 700;}
	.bottom-product .display-1{line-height: 1.2;font-size: 50px;margin-bottom:10px;}
	.bottom-product .btn-blog-link{display: inline-block;font-size: 16px;width: 195px;margin-top: 35px} 
}

@media (min-width: 1200px) {
	.story-page { font-size: 16px;}

}

@media (max-width: 767.98px) {
	.cntr { padding-left: 0; padding-right: 0;}
	img.animate__animated+img.animate__animated { margin-top:5%}
	.txt-wrap { padding-left: 16px; padding-right: 16px;}
	.vid-wrp .d-flex{padding:0 16px;margin-top: 4%; align-items: center;}
	.vid-wrp p{font-size: 0.8rem;font-weight: 400}
	.vid-wrp .btn-blog-link{margin: 0;padding: 7px 9px;border-radius: 5px;border-color: #ccc;font-size: 0.8rem; font-weight: 400;}
	.text-light {  font-size: 0.92em;}

	.cont-1 .display-1 { font-size: 2.2em;}
	.cont-1 .display-1 span { letter-spacing: -2px;}
	.cont-1 .title-wrap { padding-left: 16px; padding-right: 16px;}
	.title-wrap p {font-size: 1.14em; margin-bottom: 10px;}
	.cont-5, .cont-8, .cont-9 { background: #f5f2ed;}
	.cont-5 .col-12:last-of-type { margin-top:5%}
	.cont-6 { background: #f5f2ed; padding-bottom: 0 !important;}
	.cont-6 .col-12:last-of-type { margin-top:5%}
	
	section:last-of-type { padding-bottom: 0 !important;}
	.text-review{font-size:14px;font-weight:400;text-align:left;line-height:24px;padding:0 16px; margin-top:35%}
	.bottom-product .btn-blog-link { display: block; padding:15px 0 18px; margin:8% 16px; border-radius: 12px; border:1px solid #999; text-align: center;font-weight: 400; }

}