.yswd-header {
    background-image: url(../png/yswd-header-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom:20px;
    padding-top:10px;
    min-height:110px;
}

.yswd-header h2 {
    color:#201c35;
    font-size:40px;
}

.bubble-color {
    width: 60%;
    border-radius:20px;
    padding: 30px 30px 20px 30px;
    position:relative;
    float:left;
    z-index:20;
    margin-top:20px;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}

.bubble-color:after {
    content: "";
    left: 20px;
    bottom: -66px;
    position: absolute;
    width: 116px;
    height: 102px;
}

.bubble-color-blue-p p {
    font-size:18px;
    font-weight:bold;
    color:#201c35;
}

.bubble-color-white-p p {
    font-size:18px;
    font-weight:bold;
    color:#fff;
}

.bubble-white p {
    font-size:17px;
    font-weight:normal;
    color:#000 !important;
}

.bubble-white a {
    color:#337ab7 !important;
}

.bubble-lb {
    background-image:url(../png/bubble-bg-lightblue.png);
}

.bubble-lb:after {
    background: url(../png/sb-bottom.png) no-repeat;
}

.bubble-green {
    background-image:url(../png/bubble-bg-green.png);
}

.bubble-green:after {
    background: url(../png/sb-bottom-g.png) no-repeat;
}

.bubble-lp {
    background-image:url(../png/bubble-bg-lightpurple.png);
}

.bubble-lp:after {
    background: url(../png/sb-bottom-lp.png) no-repeat;
}

.bubble-yellow {
    background-image:url(../png/bubble-bg-yellow.png);
}

.bubble-yellow:after {
    background: url(../png/sb-bottom-y.png) no-repeat;
}

.bubble-red {
    background-image:url(../png/bubble-bg-red.png);
}

.bubble-red:after {
    background: url(../png/sb-bottom-r.png) no-repeat;
}

.bubble-white {
    /*background: #fff;*/
    background-image:url(../png/yswd-white-bg.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    width: 79%;
    border-radius: 50px;
    padding: 55px 30px 20px 30px;
    position: relative;
    float: right;
    margin-top: -41px;
    z-index: 10;
}

.bubble-white:before {
    content: "";
    right: 10px;
    top: -50px;
    position: absolute;
    width: 116px;
    height: 102px;
}

.education-icon:before {
    background: url(../png/icon-education.png) no-repeat;
    background-size: 80px;
}

.representation-icon:before {
    background: url(../png/representation-icon.png) no-repeat;
    background-size: 80px;
}

.housing-icon:before {
    background: url(../png/housing-icon.png) no-repeat;
    background-size: 80px;
}

.activities-icon:before {
    background: url(../png/activities-icon.png) no-repeat;
    background-size: 80px;
}

.support-icon:before {
    background: url(../png/support-icon.png) no-repeat;
    background-size: 80px;
}