.container { @include outer-container; } ul, ol { font-size: 1em; font-weight: 500; li { margin: .5em 0; span { display: inline-block; &:before { content: '/'; margin: 0 .3em; } } } } .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(8); @include omega(); } 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; img.logo { margin-top: 20px; } } 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 0 0; z-index: 100; color: #FFF; .form { //float: left; width: 50%; overflow: hidden; } form { //float: right; width: 50%; marging-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: "Open Sans",helvetica,Arial,sans-serif; font-weight: 400; } /* input[type=submit] { padding: 0px 1em 0px 0px; text-transform: uppercase; font-size: 20px; border: medium none; font-family: "Open Sans",helvetica,Arial,sans-serif; font-weight: 400; margin-left: auto; } */ } span { display: block; text-transform: uppercase; color: #FFF; .not-bold { font-size: 20px; line-height: 24px; font-weight: 230; text-transform: uppercase; color: #FFF; } .bold { font-weight: 650; font-size: 40px; line-height: 52px; margin: 0.25em 0px; text-transform: uppercase; color: #FFF; } }