blockquote {
    margin:1em 0;
    font-weight:700;
    border-left:0 none transparent
    /*border-left is needed here to override the all.css default style which adds an ugly vertical bar*/
}

.bubble, .bubble-right        {
    position: relative;
    /*width: 250px;*/
    /*height: 120px;*/
    padding: 20px;
    background: #F2F3F3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.bubble:after, .bubble-right:after        {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent #F2F3F3;
    display: block;
    width: 0;
    z-index: 1;
    /*bottom:30px;*/
    top:15px;
    /*top:30%*/
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))
}
.bubble:after {
    right: -15px;
    border-width: 15px 0 15px 15px;
}
.bubble-right:after        {
    left: -15px;
    border-width: 15px 15px 15px 0;
}

@media (max-width: 767px) {
    .bubble:after, .bubble-right:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #F2F3F3 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top:100%;
        /*bottom: -30px;*/
        left: 20px;


        /*filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))*/
        filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))
        /*box-sizing: border-box;*/
        /*border-color: transparent transparent #bada55 #bada55;*/
        /*box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);*/
        /*transform-origin: 0 0;*/
        /*transform: rotate(-45deg);*/
    }
}
.logo-img {
    width:auto;margin-top:16px
}