@import url(https://fonts.googleapis.com/css?family=Lato);
html, body { background-color: #000; color: #FFF; font-family: 'Lato', sans-serif; }

.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
@media (min-width: 768px) { .background { display: block; } }

@media (min-width: 768px) { .middle { max-width: 500px; } }

h1 { color: #0072bc; margin: 10px; font-size: 36px; text-align: center; }

.action { background: #FFF; border-radius: 5px; padding: 10px; color: #898989; font-size: 28px; text-align: center; }
.action a { color: #898989; }

.update { margin: 10px 0; }

.social { text-align: center; font-size: 36px; }
.social a { padding: 10px; }
.social a:hover { text-decoration: none; }
.social .fa-facebook-official { color: #3b599f; }
.social .fa-twitter { color: #0072bc; }

@media (min-width: 768px) { h1 { font-size: 48px; }
  .action { font-size: 36px; } }