.speech-container{
    display: block !important;
    position: relative;
    max-width:400px;
    margin: 20px auto 0 auto;
}

.ad_box { 
    margin:0 auto; 
    text-align: center; 
    color: #FFF; 
    border-bottom: 1px solid #FFF; 
    padding-bottom: 10px; 
    margin-bottom: 10px; 
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif; font-size:11px; 
}


#bubble_one {
    position: relative;
}

.speech-subcontainer {
    display: flex;
    justify-content: flex-end;
}

#bubble_logo {
    position: relative;
    width: 100px;
    padding: 5px 0 0 0 !important;
}

#bubble_packshot {
    position: relative;
    width: 75px;
    padding: 5px 0 0 0 !important;
}

.speech {
    position: relative;
    margin-bottom: 1.5rem;
    font-family: Montserrat, sans-serif;
}

.speech p {
    display: inline-block;
    border-radius: 20px;
    background-color: #d9231d;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px!important;
    margin-top: 0!important;
    padding: 12px 15px;
    font-weight: bold;
}

.speech img {
    width:100%; 
    height:auto; 
    border-radius:6px; 
    padding:0; 
    margin:0;
}

.speech p .text { 
    display:none; 
    color:#FFFFFF;
}

#bubble_two, #bubble_three { 
    display:none; 
}
.loading img { 
    margin:0; 
    padding:0; 
}

.speechHook:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 15px 0 0;
    border-color: #C00006 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 100%; /* better than specifying the top */
    right: 33px; /* equal to width of the arrow, for instance */
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -webkit-transform-origin: 38px 100%;
    -moz-transform-origin: 38px 100%;
    -ms-transform-origin: 38px 100%;
    -o-transform-origin: 38px 100%;
    transform-origin: 38px 100%;
}