.container { @include outer-container; text-align: left; ul, ol { font-size: 1em; font-weight: 500; li { margin: .5em 0; span { display: inline-block; &:before { content: '/'; margin: 0 .3em; } } } } h2, h3 { color: #FFF; } } .large-column { @include span-columns(8 of 12); } .small-column { @include span-columns(4 of 12); } .side-bar { @include span-columns(4); } .main-content { @include span-columns(5); } .right-side-content { @include span-columns(3); @include omega(); } body { height: 100%; } body#main { background: image-url('home-bg.jpg') no-repeat fixed center center / cover #383A3D; color: #333; position: relative; text-align: center; div.logo { width: 430px; padding: 4% 0px 6%; margin: 0px auto; } div#login { position: fixed; bottom: 0px; width: 100%; background: image-url('home-tile-bg.gif') repeat scroll left top #0057A7; height: 35%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.46); margin-left: 0.5em; z-index: 100; color: #FFF; .form { width: 100%; overflow: hidden; label { text-align: left; &.error { color: rgba(255, 0, 0, 1); font-weight: 200; } } #form-inputs { margin-top: 1em; text-align: left; } #form-actions { text-align: right; width: 28%; } input[type=submit] { padding: 0px 1em 0px 0px; display: inline-block; text-transform: uppercase; color: #FFF; font-size: 20px; border: medium none; font-family: $font-stack; font-weight: 400; margin-left: auto; background: image-url('login-more-than.png') no-repeat scroll right center transparent; } } form { display: inline-block; width: 25%; // margin-top: 5%; // margin-right: 5%; } input { background: none repeat scroll 0% 0% #FFF; padding: 0.5em; color: #0057A7; border-radius: 5px; border: medium none; width: 100%; font-family: $font-stack; font-weight: 400; } } span { display: block; text-transform: uppercase; color: #FFF; &.not-bold { font-size: 22px; line-height: 24px; font-weight: 200; } &.bold { font-weight: 600; font-size: 42px; line-height: 52px; margin: 0.25em 0px; } } } body#landing-page { background: image-url('landing-bg.gif') repeat-x fixed left center #B9B9B8; #header{ height: 150px; } #header-region { float: right; padding: 26px 18px 0px 0px; } #header:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; } .logo { float: left; padding: 1% 0% 2% 3%; } }