.case-count-container-fluid{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 6rem;

}

.case-count-normal-text{
    color: #083c77;
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 1.3em;
    /*margin: 0 0 0.5rem;*/
    font-family: 'Harding', serif;
}

a.case-count-link{
    color: #083c77;
    text-decoration: underline;
}

a.case-count-link:hover{
    color: #0056b3;
    text-decoration: underline;
}

.case-count, .sdg-count{
    font-size: 3rem;
}

.case-count{
    color: #e5243b;
    font-family: 'Merienda', 'Segoe UI', sans-serif;
    font-weight: 600;
}

.case-count {
  padding: 30px 0 8px;
  position: relative;
}

.sdg-count{
    /*color: #e5243b;*/
    font-family: 'Merienda', 'Segoe UI', sans-serif;
    font-weight: 600;
}

.case-count::before {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 16px;
    width: 80px;
    height: 14px;
    transform: skew(-20deg) translateX(-50%);
    background: rgba(238,111,87,0.5);
    /*z-index: -1;*/
}

@media screen and (max-width: 1400px){
    .case-count-normal-text{
        font-size: 2.0rem;
    }

    .case-count, .sdg-count{
        font-size: 2.5rem;
    }

    .case-count::before {
        width: 70px;
        height: 11px;
    }
}

@media screen and (max-width: 1100px){
    .case-count-normal-text{
        font-size: 1.8rem;
    }

    .case-count, .sdg-count{
        font-size: 2.3rem;
    }
    .case-count::before {
        content: "";
        position: absolute;
        left: 47%;
        bottom: 16px;
        width: 65px;
        height: 9px;

    }
}

.case-count-underline{
    width: 66.7%;
    height: 5px;
    background: repeating-linear-gradient(90deg,
    #e5243b, #e5243b 20px,
    #dda63a 20px, #dda63a 40px,
    #4c9f38 40px, #4c9f38 60px,
    #ff3a21 60px, #ff3a21 80px,
    #26bde2 80px, #26bde2 100px,
    #fcc30b 44px, #fcc30b 52px,
    #fd6925 52px, #fd6925 60px,
    #56c02b 60px, #56c02b 68px,
    #00689d 68px, #00689d 72px
    );
    margin: 0.5rem 0 0.5rem;
    opacity: 0.3;
}

.word-cloud {
    height: 8rem;
    width: auto;
    transition: transform .2s;
    padding-left: 11px;
}

.word-cloud:hover{
    cursor: crosshair;
    /*transform: scale(4);  */
    -ms-transform: scale(4); /* IE 9 */
    -webkit-transform: scale(4); /* Safari 3-8 */
    z-index: 10;
    position: relative;
	transform:translate(-90%,-50%) scale(4);
}

.word-cloud-tip{
    font-size: 0.9rem;
    line-height: 1em;
    letter-spacing: -0.027em;
    color: white;
    min-width: 223px;
}