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;}

.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-bottom: 0;}
	.btn-blog-link{width: 200px; }
	.cont-1::before{content:"";position:absolute;left:0%;bottom:-21%;width:75%;height:56%;background:#f5f2ed;}
	.cont-1 .txt { margin: 10% 0 0 10%}
	.cont-2 .txt { margin-left: 11%}
	.story-page .cont-2 { padding-top:0;}
	.cont-5 .img-wrap { margin:7% 0; }
	.cont-6 .txt { margin-left: 11%; margin-top:11%}
	.cont-6 .col-md-4 { margin-left: 3%;}
	.cont-6 .col-md-4 .txt-wrap { margin: 26% 0 26% 11%}
	.cont-6::before{content:"";position:absolute;left:0%;bottom:30%;width:75%;height:42%;background:#f5f2ed;}
	.cont-8 .col-4 .txt-wrap { margin: 30% 0 30%}
	.cont-8 .txt { margin-top: -8%}
	.cont-8 .col-md-5 .img-wrap { margin-top: 10%}
	.cont-8 .row, .cont-9 .row { justify-content: space-around;}
	.cont-9 .txt-wrap { margin-top:0}
	.story-page .cont-11 { padding-bottom: 125px;}
	.cont-11 .col-md-4 { margin-left:8%}
	.story-page .cont-12 { padding-bottom: 125px;}
	.cont-12 .txt-wrap { margin-bottom: 0;}
	.cont-12::before{content:"";position:absolute;left:0%;bottom:0%;width:100%;height:68%;background:#f5f2ed;}
	.story-page .cont-14 { padding-bottom: 125px;}
	.cont-14 .txt-wrap { margin-right: 5%;}
	.cont-14 .col { padding:0}
	.cont-15::before{content:"";position:absolute;right:0%;bottom:13%;width:70%;height:80%;background:#f5f2ed;}
	.story-page .cont-16 { padding-bottom: 125px;}
	.cont-16 .txt-wrap { padding-left: 6%; margin-top:0; margin-bottom: 20%; }
	.text-review {margin: 20% 0 10%;font-size: 14px;line-height: 1.6}
	.bottom-product{background: #f5f2ed;padding: 35px 20px;}
	.bottom-product .cntr{position: relative;text-align: center}
	.bottom-product .link{position: absolute;z-index: 10;top: -120px;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;}
	.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 .title-wrap { padding-left: 16px; padding-right: 16px;}
	.title-wrap p {font-size: 1.14em; margin-bottom: 10px;}
	.cont-1 .txt { margin-top:20px}
	.cont-5 .txt { margin-bottom: 60px;}
	.cont-6 .txt { margin-bottom: 90px;}
	.cont-6 .col-md-4 { margin-top: 5%;}
	.cont-8 img, .cont-14 img { margin-top: 5%;}
	.cont-14 img:last-of-type { margin-top:0}
	.text-review{font-size:14px;font-weight:400;text-align:left;line-height:24px;padding:0 16px; margin-top:35%}
	.story-page .cont-14 { padding-bottom: 0;}
	.bottom-product .btn-blog-link { display: block; padding:15px 0 18px; margin:3% 16px 12%; border-radius: 12px; border:1px solid #999; text-align: center;font-weight: 400; }

}