/*----------------------

OVERRIDE 

----------------------*/
#facts-figures .social-buttons,
#facts-figures .factfile-abstract,
#facts-figures .factfile-abstract > p {
    display: block;
}
/*----------------------

SHARE BUTTONS

----------------------*/
.di-social-buttons {
    float: right;
    list-style: none;
}
@media only screen and (max-width: 480px) {
    .di-social-buttons {
        display: none;
    }
}
.di-social-button {
    display: inline;
    margin-left: 9px;
}
/*----------------------

TITLE 

----------------------*/
h1.di-title {
    color: #000;
    font: 700 40px 'Roboto Condensed', Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 480px) {
    h1.di-title {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) {
    h1.di-title {
        font-size: 76px;
    }
}
@media only screen and (min-width: 992px) {
    h1.di-title {
        font-size: 90px;
        text-align: center;
    }
}
.di-fifty-accent {
    display: inline-block;
}
@media only screen and (min-width: 768px) {
    .di-fifty-accent {
        width: 95px;
        height: 95px;
        line-height: 95px;
        font-size: 70px;
        font-weight: bold;
        color: #fff;
        background-color: #009dbf;
        text-align: center;
        vertical-align: text-top;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;


    }
}
@media only screen and (min-width: 992px) {
    .di-fifty-accent {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 80px;
    }
}
/*----------------------

BODY TEXT

----------------------*/
p.di-blurb {
    margin: 2em auto;
    font: normal 16px/1.5em 'Merriweather', 'Times New Roman', Times, serif;
    max-width: 600px;
}
@media only screen and (min-width: 768px) {
    p.di-blurb {
        font-size: 18px;
        line-height: 1.7em;
    }
}
@media only screen and (min-width: 992px) {
    p.di-blurb {
        font-size: 20px;
    }
}
p.di-blurb a {
    color: #009dbf;
}
p.di-blurb a:focus,
p.di-blurb a:hover {
    color: #00c7f2;
    text-decoration: underline;
}
.di-credits {
    margin: 2em auto;
    font: normal 14px/1.5em 'Merriweather', 'Times New Roman', Times, serif;
}
.di-credits a {
    color: #009dbf;
}
.di-credits a:focus,
.di-credits a:hover {
    color: #00c7f2;
    text-decoration: underline;
}
.di-error {
    margin: 2em auto;
    font: normal 14px/1.5em 'Merriweather', 'Times New Roman', Times, serif;
}