.greetings{margin:45px 20px;}
.intro_box{overflow:hidden;}
.intro_box span{background:#3c802b; display:block; width:45%; float:left; color:#fff; height:280px; padding:40px;}
.intro_box span b{
display: block;
    font-size: 15px;
    opacity: 0.7;
    letter-spacing: 0.4px;
    font-weight: 500;
}
.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/1614156865_img.jpg) no-repeat center ; background-size:cover; width:55%; float:right; height:280px; 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:#3c802b;}
.greetings p{    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.7px;
    line-height: 1.5;
    text-align: justify;
    padding: 20px;}
.greetings p span{float:right; font-weight:bold;}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .intro_box span b{font-size:12px;}
    .intro_box span h2{font-size:24px;}
}

/* mobile */
@media screen and (max-width:768px){
    .greetings{margin:45px 10px;}
    .intro_box span b{font-size:12px; letter-spacing:0;}
    .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;}
}