/* start video */ #video>div { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 2%; } #video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* end video */ /* start image collection */ .imagegroup { display: flex; justify-content: space-evenly; align-items: center; margin-bottom: 3%; } .imagegroup img { width: 30%; display: block; margin: 2% auto; } /* start how */ .how { display: flex; justify-content: space-evenly; flex-wrap: wrap; } .how>div { width: 48%; } .how img { display: block; margin: 0 auto; width: 100%; } .use ul li { padding: 15px; vertical-align: middle; } .im { display: flex; } .im img { align-self: center; } /* start how */ .diagram { display: flex; justify-content: space-between; } .diagram img { display: block; margin: 3% auto; } .guide { width: 18%; } .guide p:first-of-type { font-weight: bold; text-align: center; } .guide li { margin-bottom: 0; } .imz { width: 35%; } .imz img { width: 100%; } @media screen and (max-width: 780px) { .imz { order: -1; } .diagram { flex-direction: column; } .guide { width: 100%; } .imz { width: 100%; } } /* Features Styling */ .rowz { display: flex; flex-wrap: wrap; justify-content: space-around; } .Features { flex-basis: 16%; padding: 10px; text-align: center; } .Features img { min-width: 75.34px; } .FeaturesHeaders { color: #843090; font-weight: bold; } /* Beauty Care Routine */ .Care { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .Tips { flex-basis: 25%; padding: 0px; text-align: center; } .btn2 { font-family: trebuchet ms; color: #843090; font-size: large; font-weight: bold; box-shadow: 0px 2px 2px 2px; min-width: 120px; padding: 20px 0px; text-decoration: underline; } .btn2 { animation-name: line; animation-duration: 1.5s; animation-iteration-count: infinite; transition: ease; animation-fill-mode: both; } @keyframes line { 0% { text-decoration: underline; } 100% { text-decoration: none; } } .arrowz { border: solid #843090; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .rightz { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 5px; } .BeautyCare { position: relative; letter-spacing: 9px; } .BeautyCare-block { position: absolute; bottom: 44%; right: 0%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-family: trebuchet ms; font-size: 2.5vw; text-align: right; } /*grid-code*/ .btn1 { border: none; color: white; font-size: 16px; border-radius: 10px; } .ban img { display: block; margin: 0 auto 2%; width: 100%; } .parentsz { display: grid; grid-template-columns: repeat(auto-fit| minmax(19rem| 1fr)); gap: 2%; cursor: pointer; align-content: center; } .parentsz img { display: block; width: 100%; border-radius: 5%; margin: 0 auto; } .child p:first-of-type { text-align: center; } .card { transition: 0.3s; } .card:hover { transform: translatey(-10px); } @media only screen and (max-width: 767px) { .parentsz::after { content: ; height: 7vh; } } @media screen and (max-width: 700px) { .Tips { flex-basis: 50%; } .BeautyCare { position: relative; letter-spacing: 1px; } .BeautyCare-block { position: absolute; bottom: 33%; right: 5%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-family: trebuchet ms; font-size: 3.5vw; text-align: right; } } @media screen and (max-width: 700px) { .Features { flex-basis: 33%; padding: 3px; text-align: center; } .Features img { min-width: 75.34px; max-width: 75.34px; } } @media screen and (max-width: 700px) { .how>div { width: 100%; } .im { order: 1; } .im img { width: 100%; margin: 3% auto; } .use { line-height: normal; } .use ul li { padding: 5px; vertical-align: middle; } } @media screen and (max-width: 700px) { .imagegroup { flex-direction: column; } .imagegroup img { width: 100%; margin: 2% auto; } } Product Description: Cetaphil Moisturizing Cream is a rich| non-greasy moisturizer that provides immediate| long-lasting relief for even severely dry skin. It contains a superior system of extra-strength emollients and humectants proven to bind water to the skin and prevent moisture loss for intense moisturization with 24 hour hydration.Ideal for areas that require extra attention| such as hands| elbows and feet. {{widget type=Redbox\Widgets\Block\Widget\Youtube video_id=1TbYgbN1mcw template=Redbox_Widgets::widgets/youtube.phtml}} Features: Dry Skin For Face & Body Sensitive Skin Fast Absorption Non Sticky Non Greasy Clinically Tested No Comedones For Babies & Children For Adult Fragrance Free Paraben Free Product Benefits: Provides 24-hour hydration that instantly hydrates for long-lasting relief that soothes very dry skin Clinically proven to nourish dry skin in 1-day| binding water to the skin and preventing moisture loss for soft| supple skin This non-greasy cream is excellent for hands| feet| elbows| knees| and any other areas that require intensive moisturization Excellent overnight facial moisturizer. {{widget type=Redbox\Widgets\Block\Widget\Youtube video_id=EsypRkYga1c template=Redbox_Widgets::widgets/youtube.phtml}} How To Use: Best results are obtained when it is used directly after bathing| wetting the skin| or washing hands Apply liberally as often as needed.  Don't use it if you are allergic to any of its contents. Select your skin care routine Cleanser Toner Moisturizer Sun Screen #html-body [data-pb-style=6201FDAEC4336]{justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px; padding: 0px;}#html-body [data-pb-style=6201FDAEC4349]{border-style: none; border-width: 1px; border-radius: 0px; margin: 0px; padding: 0px;}