.ul-welcome{ margin: 30px 0px 0px 0px; padding: 0;}
.ul-welcome > div{}
.ul-welcome > div > a{border:#ddd 1px solid;display: block;text-decoration: none;box-shadow: 0 1rem 1rem rgba(0,0,0,.175)!important;background:#FFF;}
.ul-welcome > div > a > h4 {margin:15px 10px}
.ul-welcome > div > a > p {margin:15px 10px;height:74px;overflow: hidden;}
.ul-welcome > div > a > div {width: 100%;height: 237px;position: relative;border-top: #ddd 1px solid;border-bottom: #ddd 1px solid;overflow: hidden;}
.ul-welcome > div > a > div > img {width:auto;height: 300px;position: absolute;top:0px;bottom: 0px;left:0px;right:0px;margin:auto;}
.signature-symbol{text-align: center;margin:25px 0px 0px;line-height: 25px;}
.signature-symbol span{background: #31a8c5;color: #FFF;border-radius: 100%;width: 96px;display: inline-block;line-height: 96px;
    text-transform: uppercase;font-size:43px;font-weight: bold;}

.hello-message{text-align: center;font-size: 30px;margin:17px 0px;}
.welcome-message{text-align: center;margin:0px;font-size:15px;}



@media screen and (max-width: 1920px) {
    .container {
        width: 1440px;
    }
}
@media screen and (max-width: 1480px) {
    .container {
        width: 1200px;
    }
}
@media screen and (max-width: 1200px) {
    .container {
        width: 1000px;
    }
}
@media screen and (max-width: 768px) {
    .container {
        width: calc(100% - 20px);
    }
    .ul-welcome.col-sm-12 .col.col-sm-2 {
        width: 300px !important; margin-bottom: 20px;
    }
}
.ul-welcome.col-sm-12 .col.col-sm-2 {
    display: inline-block; float: none;
}