.ceo .bg {    
    height: 240px; background:url(/app/dubu_sourcecode/docs/imgs/1603848061_ceo_img.jpg) no-repeat 0 0; background-size: 100%;}
.ceo h3 {
     background: #fff;
    display: block;
    padding: 50px;
    font-size: 27px;
    letter-spacing: -1px;
    text-align: center;
    color: #000;
    margin: -30px auto 0;
    width: 80%;
    line-height: 1.3;
}
.ceo h3 span {display:block; font-weight:300;}
.ceo h3:before{content:'GOLDCITY'; margin-bottom:20px; color:#f3718d; letter-spacing: 20px; margin: 0 auto; display:block; font-size:20px;}
.ceo h3:after {content:''; background:#ccc;margin: 50px auto 0; display:block; width:50px;height:1px;}
.ceo p {font-size:16px; text-align:center; color:#000; font-weight:300;   }
.ceo p.name {margin-top:50px;}
.ceo p.name span {font-size:18px; color:#000; font-weight:600; margin-left:5px; letter-spacing: 5px;}


/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .ceo h3 {width:100%; }
}

/* mobile */
@media screen and (max-width:767px){
    .bg {display:none;}
    
    .ceo {padding: 10px}
    .ceo p { font-size: 14px;}
    .ceo h3 { font-size: 20px; padding:30px 0; margin: 0; width: 100%;}
    .ceo h3:before {font-size:12px;}
    .ceo h3:after { margin: 30px auto 0;}
    .ceo span, .ceo p.name span { font-size: 18px;}




    .mo {display:none;}
}