html { position: relative; min-height: 100%; } body { background-color: #fff; margin-bottom: 52px; } #home-page .pod { margin-top: 5px; padding: 20px; background-color: rgba(0, 0, 0, 0.8); color: #ddd; } #home-page .pod strong { color: #fff; } #home-page .pod h1 { margin: 0; } #home-page .pod#logo { margin-top: 50px; text-shadow: 2px 2px 10px #333; } #home-page .pod#cta { padding: 0; } #home-page .pod#copyright { padding: 15px; } #home-page .pod#copyright p { margin: 0; font-size: 0.9em; } #home-page .pod .btn-block { padding: 20px; font-size: 3em; color: #fff; text-align: right; } #home-page .pod .btn-block .glyphicon { vertical-align: text-bottom; font-size: 1.2em; } form section { margin: 40px 0; } form section .step-num { text-align: center; } form section .step-num .glyphicon { font-size: 5em; } form input.form-control { font-size: 2em; height: auto; margin: 0 0 10px 0; } form .btn-primary { font-size: 4em; } .create-run-form .invitee input, .create-run-form .invitee .btn { width: auto; float: left; } .create-run-form .invitee input { margin-right: 10px; } .create-run-form .invitee .btn { font-size: 2em; } .create-run-form .btn-default { font-size: 2em; } .create-order-form textarea { font-size: 1.2em; } .run-order-status { margin-bottom: 20px; } .run-order-status .name { font-size: 2em; } .run-order-status .name .glyphicon { margin-right: 10px; } .run-order-status .order { font-size: 1.4em; } .run-order-status .done { opacity: 1; } .run-order-status .incomplete { opacity: 0.5; } .run-details .progress { margin: 20px 0; height: 40px; border-radius: 0; } .run-details .progress .progress-bar { font-size: 1.2em; padding-top: 9px; } nav { margin-bottom: 20px; } nav a { color: #fff; } nav a:hover { color: #999; } body { color: #fff; } #page .interior { padding: 0 40px 20px; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 20px #000; } #page .interior h1 .glyphicon { vertical-align: text-bottom; margin-right: 10px; font-size: 1.2em; }