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 { font-size: 0.8em;}
.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;}

.display-1 { font-size: 3em;}
.title-wrap p {font-size: 1.75em; font-weight: 700; margin-bottom: 15px;}
.cont-1 .display-1 { font-weight: 400;}
.cont-5 .hl>*{font-weight:700;}
.cont-10 .hl>*{font-weight:700;}


@media (min-width: 768px) {
	.btn-blog-link{width: 200px; }
	.story-page [class^=cont-] { padding-bottom: 0;}
	.story-page .cont-4, .story-page .cont-5,.story-page .cont-12,.story-page .cont-13 { padding-bottom: 125px;}
	.cont-2 .txt-wrap { margin-top:0;}
	.cont-2 .txt { margin-bottom: 40%}
	.cont-2 .col-md-5 { padding:0;}
	.cont-3 .row div.col-md-5:first-of-type { margin-top:-10%}
	.cont-3 .row div:last-of-type img:last-of-type { margin-top:35%}
	.cont-3 .cntr { position: relative;} 
	.cont-3 .cntr::before{content:"";position:absolute;right:0%;bottom:27%;width:98%;height:57%;background:#f5f2ed;}
	.cont-4 .txt-wrap { margin-bottom: 10%;}
	.cont-4 .col-md-4 { margin-left: 8%;}
	.cont-5::before{content:"";position:absolute;left:0%;bottom:0%;width:55%;height:95%;background:#f5f2ed;}
	.cont-12 .img-txt { margin-top:5%; margin-bottom:10%}
	.cont-12 .text-light { padding-left: 15%; line-height: 1.5;}
	.cont-12::before{content:"";position:absolute;left:0%;bottom:0%;width:100%;height:78%;background:#f5f2ed;}
	.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;}
	.img-set { margin-top:5%}

	.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-3, .cont-5, .cont-12 { background: #f5f2ed;}
	.cont-12 .img-txt { padding-left: 16px; padding-right:16px; margin-top:3%; margin-bottom:8%}
	.cont-12 .text-light {padding-left: 16px; padding-right:16px; line-height: 1.61;}
	.text-review{font-size:14px;font-weight:400;text-align:left;line-height:24px;padding:0 16px; margin-top:35%}
	.story-page .cont-13 { 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; }

}