* {padding: 0; margin: 0; border: 0; font-family: 'Roboto Condensed', sans-serif; color: #8F878C;}

html {width: 100%; background-color: #FFF;}
body {width: 50%; text-align: center; margin: 10% auto;}

img {max-width: 100%; margin-bottom: 8%;}
p {font-size: 100%;}
p span {display: inline-block;}
p span.inline:before {content: "-"; padding: 0 0.4em;}

@media all and (max-width: 800px) {
    p {font-size: 80%;}
    p span {display: block; margin-bottom: 0.4em;}
    p span.inline:before {content: ""; padding: 0;}
}