.greeter-wrap{background-color:#3C3535;color:#FFFFFF;display:inline-block;width:100%;}
.greeter-title-wrap{}
.greeter-title{font-weight:bold;}
#mainflex{display:flex;}
.mainflex-item{}
.subflex{display:flex;}
.subflex-item{}
/* mainflex-item 1 */
/* subflex-item 1 */
.greeter-img-wrap{}
.greeter-img{background-size:cover;border-radius:500px;border:1px solid #FFFFFF;background-position:center;}

.greeter-img.shower{background-image:url('/img/root/services/shower/shower.jpg');}
.greeter-img.backsplash{background-image:url('/img/root/services/backsplash/backsplash.jpg');}
.greeter-img.floor{background-image:url('/img/root/services/floor/floor.jpg');}
.greeter-img.bathtub{background-image:url('/img/root/services/bathtub/bathtub.jpg');}
.greeter-img.repair{background-image:url('/img/root/services/repair/repair.jpg');}
/* subflex-item 2 */
.greeter-content-wrap{}
.greeter-content-title{font-weight:bold;}
.greeter-content-text{}
.greeter-content-ul{display:block;list-style-type:none;margin:0px;padding:0px;}
.greeter-content-ul li{margin:0px;padding:0px;white-space:nowrap;}
.greeter-content-ul li:before{content:'»';margin-right:5px;}
/* in mainflex-item 2 */
.greeter-action-wrap{}
.greeter-action-ul{list-style-type:none;margin:0px;padding:0px;}
.greeter-action-ul li{}
.greeter-action-ul li a{text-decoration:none;color:#000000;background-color:#FFFFFF;border-radius:200px;font-weight:bold;}

#greeter-wrap.vsm #mainflex{flex-flow:row wrap;justify-content:center;align-items:center;}
#greeter-wrap.vsm .mainflex-item{width:100%;display:inline-block;margin:0 auto;}
#greeter-wrap.vsm .subflex{flex-flow:row wrap;justify-content:center;align-items:center;}
#greeter-wrap.vsm .subflex-item{width:100%;}
#greeter-wrap.vsm .greeter-title-wrap{text-align:center;}
#greeter-wrap.vsm .greeter-title{font-size:1.5em;}
#greeter-wrap.vsm .greeter-img-wrap{text-align:center;}
#greeter-wrap.vsm .greeter-img{width:150px;height:150px;display:inline-block;margin:20px;}
#greeter-wrap.vsm .greeter-content-wrap{}
#greeter-wrap.vsm .greeter-content-title{font-size:1.2em;padding-left:20px;}
#greeter-wrap.vsm .greeter-content-ul{position:relative;margin:0 auto;width:40%;}
#greeter-wrap.vsm .greeter-action-ul li {text-align:center;}
#greeter-wrap.vsm .greeter-action-ul li a{display:block;padding:15px;margin:20px;}

#greeter-wrap.hsm #mainflex{flex-flow:row nowrap;justify-content:center;align-items:center;}
#greeter-wrap.hsm .mainflex-item{display:inline-block;margin:0 auto;}
#greeter-wrap.hsm .mainflex-item:first-child{flex-grow:2}
#greeter-wrap.hsm #mainflex .mainflex-item .subflex{flex-flow:row nowrap;justify-content:center;align-items:center;}
#greeter-wrap.hsm .greeter-title-wrap{text-align:center;}
#greeter-wrap.hsm .greeter-title{font-size:1.5em;}
#greeter-wrap.hsm .greeter-img-wrap{text-align:center;}
#greeter-wrap.hsm .greeter-img{width:150px;height:150px;display:inline-block;margin:20px;}
#greeter-wrap.hsm .greeter-content-wrap{}
#greeter-wrap.hsm .greeter-content-title{font-size:1.2em;padding-left:20px;}
#greeter-wrap.hsm .greeter-content-ul{position:relative;margin:0 auto;width:40%;}
#greeter-wrap.hsm .greeter-action-ul li {text-align:center;}
#greeter-wrap.hsm .greeter-action-ul li a{display:block;padding:10px;margin:10px;}

/* mainflex height is about 290px high ,screen height:440px, btns horizonatal */
#greeter-wrap.hmd #mainflex{flex-flow:row wrap;justify-content:center;align-items:center;}
#greeter-wrap.hmd .mainflex-item{display:inline;width:100%;margin:0 auto;}
#greeter-wrap.hmd .mainflex-item:last-child{flex-shrink:2;}
#greeter-wrap.hmd .subflex{flex-flow:row nowrap;justify-content:center;align-items:center;}
#greeter-wrap.hmd .greeter-title-wrap{text-align:center;}
#greeter-wrap.hmd .greeter-title{font-size:1.5em;}
#greeter-wrap.hmd .greeter-img-wrap{text-align:center;}
#greeter-wrap.hmd .greeter-img{width:150px;height:150px;display:inline-block;margin:20px;}
#greeter-wrap.hmd .greeter-content-wrap{}
#greeter-wrap.hmd .greeter-content-title{font-size:1.2em;padding-left:20px;}
#greeter-wrap.hmd .greeter-content-ul{position:relative;margin:0 auto;width:40%;}
#greeter-wrap.hmd .greeter-action-wrap{text-align:center;}
#greeter-wrap.hmd .greeter-action-ul li {display:inline-block;}
#greeter-wrap.hmd .greeter-action-ul li a{display:inline-block;padding:15px;margin:20px; width:400px;}

/* mainflex height is about 290px high ,screen height:560px, btns vertical */
#greeter-wrap.hlg #mainflex{flex-flow:row wrap;justify-content:center;align-items:center;}
#greeter-wrap.hlg .mainflex-item{display:inline;width:100%;margin:0 auto;}
#greeter-wrap.hlg .mainflex-item:last-child{flex-shrink:2;}
#greeter-wrap.hlg .subflex{flex-flow:row nowrap;justify-content:center;align-items:center;}
#greeter-wrap.hlg .greeter-title-wrap{text-align:center;}
#greeter-wrap.hlg .greeter-title{font-size:1.5em;}
#greeter-wrap.hlg .greeter-img-wrap{text-align:center;}
#greeter-wrap.hlg .greeter-img{width:150px;height:150px;display:inline-block;margin:20px;}
#greeter-wrap.hlg .greeter-content-wrap{}
#greeter-wrap.hlg .greeter-content-title{font-size:1.2em;padding-left:20px;}
#greeter-wrap.hlg .greeter-content-ul{position:relative;margin:0 auto;width:40%;}
#greeter-wrap.hlg .greeter-action-wrap{text-align:center;}
#greeter-wrap.hlg .greeter-action-ul li {display:block;}
#greeter-wrap.hlg .greeter-action-ul li a{display:inline-block;padding:15px;margin:10px; width:400px;}

/* mainflex height is about 290px high ,screen height:560px, btns vertical */
#greeter-wrap.hvlg #mainflex{flex-flow:row wrap;justify-content:center;align-items:center;}
#greeter-wrap.hvlg .mainflex-item{display:inline;width:100%;margin:0 auto;}
#greeter-wrap.hvlg .mainflex-item:last-child{flex-shrink:2;}
#greeter-wrap.hvlg .subflex{flex-flow:row nowrap;justify-content:center;align-items:center;margin-top:40px;margin-bottom:20px;gap:30px;}
#greeter-wrap.hvlg .greeter-title-wrap{text-align:center;}
#greeter-wrap.hvlg .greeter-title{font-size:2.5em;}
#greeter-wrap.hvlg .greeter-img-wrap{text-align:center;}
#greeter-wrap.hvlg .greeter-img{width:300px;height:300px;display:inline-block;margin:20px;}
#greeter-wrap.hvlg .greeter-content-wrap{}
#greeter-wrap.hvlg .greeter-content-title{font-size:1.5em;padding-left:20px;}
#greeter-wrap.hvlg .greeter-content-ul{position:relative;margin:0 auto;width:40%;}
#greeter-wrap.hvlg .greeter-content-ul li{font-size:1.3em;}
#greeter-wrap.hvlg .greeter-action-wrap{text-align:center;}
#greeter-wrap.hvlg .greeter-action-ul li {display:inline-block;}
#greeter-wrap.hvlg .greeter-action-ul li a{display:inline-block;padding:20px;margin:15px; width:400px;font-size:1.3em;}