body{color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;}
a,a:visited{color:#fff;font-weight:bold}
#bg-darker{background:rgba(0,0,0,0.5) none repeat scroll 0 0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}
#home-screen{height:100%;min-height:100%!important;overflow:hidden;position:absolute;width:100%;z-index:2;text-align:center;text-transform:uppercase;}
.container{margin-left:10%;margin-right:10%;margin-top:10%;margin-bottom:10%;clear:both}
#home-screen .content-block img.logo{margin-bottom:20px;padding-top:20px}
#home-screen .content-block h1{color:#fff;font-size:80px;font-weight:600;margin:0 auto 50px;text-align:center}
/* ==========================================
   Responsive Variant for Mobile Devices
   ========================================== */
@media screen and (max-width: 768px) {
  .container {
    /* Reduce margins so content doesn't get squeezed out of view */
    margin: 15% 5% 5% 5%; 
    padding: 0;
    clear: both;
  }

  #home-screen .content-block img.logo, 
  #home-screen .container img.logo { /* Added selector to match your HTML structure */
    display: inline-block;           /* Allows proper margin and padding handling */
    vertical-align: middle;
    margin: 0 auto 20px auto;        /* Centers it horizontally and pushes text down */
    max-width: 70%;                  /* Keeps the logo from overflowing narrow screens */
    height: auto;                    /* Maintains aspect ratio */
  }

  #home-screen p {
    font-size: 18px;                 /* Scales down the paragraph text for mobile */
    line-height: 1.4;
    margin-top: 10px;
  }
}