$orange: rgba(251,163,58,1); @import "jquery.bxslider"; @import "fontawesome/font-awesome"; @import "qi_grids"; @import "popover"; @import "public/menu_item_link_contents"; @import "public/menus"; @import "public/slippry"; @import "public/timeline"; @import "public/articles"; @import "public/bottom"; @import "public/dons"; @import "public/press_release"; @import "public/flexslider"; @import "public/label"; .clear{ clear:both; } body{ font-family:"raleway", Arial, sans-serif; line-height:1.4em; text-align:left; font-weight:300; padding:0; margin:0; background:white; font-size: 16px; line-height: 22px; color: #8d8d8d; font-weight: 300; } .center{ max-width:1100px; margin:auto; } h1,h2,h3{ text-transform:uppercase; font-weight:normal; } .top{ height:100px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); background:white; border-left:15px solid rgba(26,147,166,1); position:relative; z-index:2; #logo{ margin:25px; height:50px; } .menu{ float:right; font-weight:bold; text-transform:uppercase; font-size:13px; padding-right:15px; a{ color:#696969; text-decoration:none; display:inline-block; padding:0 10px; line-height:100px; } ul{ display:inline; li{ display:inline; } } } } .bottom{ padding: 90px 0 70px; background-color: #5d5d5d; .logo{ height:50px; } } .menu_item_top{ background:center center no-repeat; background-size:100%; background-size:cover; min-height:450px; position:relative; h1{ color:white; position:absolute; bottom:50px; right:20px; left:20px; text-align:center; } &.principal{ //min-height:600px; } } #home_slider{ .inner{ background:black center center no-repeat; background-size:100%; background-size:cover; overflow:hidden; } }