.greetings{margin:45px 20px;}
.intro_box{overflow:hidden;}
.intro_box span{background:#a07857; display:block; width:45%; float:left; color:#fff; height:250px; padding:40px;}
.intro_box span b{display:block; font-size:14px; opacity:0.7; letter-spacing:2px;}
.intro_box span h2{font-size:26px; letter-spacing:-0.8px; line-height:1.3; margin:40px 0 0; font-weight:500;}
.intro_box div{background: url(/app/dubu_sourcecode/docs/imgs/1613632430_image.png) no-repeat center; background-size:cover; width:55%; float:right; height:250px; margin:0 0 20px;}

.greetings p{font-size:15.5px; font-weight:400; letter-spacing:-0.7px; line-height:1.55; text-align:justify;overflow:hidden;}
.greetings p span{float:right; font-weight:bold;}
.greetings p b{color:#1e875b; font-weight:500;}
.greetings p strong{display:block; margin:0 0 15px; font-size:18px;}
.greetings p+p{border-top:1px dotted #ccc; padding:25px 0 0;}
/* tablet */
@media screen and (min-width:992px) and (max-width:1199px){
    .intro_box span h2{font-size:22px;}
}
@media screen and (min-width:769px) and (max-width:991px){
    .intro_box span h2{font-size:24px;}
}

/* mobile */
@media screen and (max-width:768px){
    .greetings{margin:25px 10px;}
    .greetings h3{font-size:24px;}     
    .greetings p{font-size:15.5px;} 
    .intro_box span{width:100%; float:none; height:190px; padding:30px; text-align:center;}
    .intro_box span h2{font-size:22px; margin:20px 0 0;}
    .intro_box div{width:100%; float:none;}
}