.greetings{margin:45px 20px;}
.intro_box{overflow:hidden;}
.intro_box span{background:#fbaf5d; 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:24px; 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/1609226682_image.png) no-repeat center; background-size:cover; width:55%; float:right; height:250px; margin:0 0 20px;}
.greetings h3{text-align:center; font-size:32px; letter-spacing:-1.7px; line-height:1.3; margin:30px 0;}
.greetings h3 b{color:#fbaf5d;}
.greetings p{font-size:15.5px; font-weight:400; letter-spacing:-0.6px; line-height:1.5; text-align:justify;}
.greetings p span{float:right; font-weight:bold; font-size:17px;}
@media screen and (min-width:992px) and (max-width:1199px){
    .intro_box span h2{font-size:22px;}
}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    .greetings h3{font-size:22px;}     
    .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;}
}