.greetings{margin:45px 20px;}
.greetings h3{text-align:center; font-size:32px; letter-spacing:-1.7px; line-height:1.3; margin:30px 0;}
.greetings h3 b{color:#fcaf17;}
.intro_box{overflow:hidden;}
.intro_box span{background:#508bad; display:block; width:50%; 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:25px; letter-spacing:-1px; line-height:1.3; margin:40px 0 0; font-weight:500;}
.intro_box div{background: url(/app/dubu_sourcecode/docs/imgs/1615275683_image.png) no-repeat center; background-size:cover; width:50%; float:right; height:250px; margin:0 0 20px;}

.greetings p{font-size:16px; font-weight:400; letter-spacing:-0.7px; line-height:1.5; text-align:justify;}
.greetings p span{float:right; font-weight:bold;}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

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