/* Filename: index.css */
@import url(http://fonts.bunny.net/css?family=wittgenstein:400,600,600i);
* { margin: 0; padding: 0; line-height: 1.5; }
body { font: 600 150% 'Wittgenstein', serif; color: rgb(240 104 24); background-color: #000000; }
img { max-width: 100%; }
#verse { position: absolute; z-index: 1; padding: 96px 64px; }
#verse blockquote p::before { content: "\201C"; }
#verse blockquote p::after { content: "\201D"; }
#verse blockquote { margin-bottom: 16px; }
#verse cite { padding: 32px; }
#prayer { font-weight: 400; margin: 16px; }
a { color: rgb(255 176 32); }
/* Responsive */
@media only screen and (max-width: 1400px) {
body { font-size: 125%;	}
#verse { padding: 72px 48px; }
#verse blockquote { margin-bottom: 12px; }
#verse cite { padding: 24px; }}
@media only screen and (max-width: 1150px) {
body { font-size: 100%; }
#verse { padding: 48px 32px; }
#verse blockquote { margin-bottom: 8px; }
#verse cite { padding: 16px; }}
@media only screen and (max-width: 880px) {
#verse { position: relative; padding: 32px 24px; }}
@media only screen and (max-width: 600px) {
#verse { padding: 24px 20px; }
#verse cite { padding: 12px; }}
@media only screen and (max-width: 430px) {
* { line-height: 1.35; }
body { font-size: 87%; }}
/* EOF */