@import "normalize"; @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic); // Make sure the charset is set appropriately @charset "UTF-8"; // This includes all of the foundation global elements that are needed to work with any of the other files. @import "foundation/variables"; $topbar-bg: #262626; $topbar-height: 35px; $topbar-margin-bottom: 0; $topbar-breakpoint: emCalc(767px); $topbar-title-font-size: emCalc(12px); $topbar-link-color: #999999; $topbar-link-font-size: emCalc(12px); $body-font-color: #444; $body-font-family: "Lato", sans-serif; $row-width: emCalc(768px); // Foundation Components @import "foundation/components/global", "foundation/components/grid", "foundation/components/visibility", "foundation/components/block-grid", "foundation/components/type", "foundation/components/buttons", "foundation/components/forms", "foundation/components/custom-forms", "foundation/components/button-groups", "foundation/components/dropdown-buttons", "foundation/components/split-buttons", "foundation/components/flex-video", "foundation/components/section", "foundation/components/top-bar", "foundation/components/orbit", "foundation/components/reveal", "foundation/components/joyride", "foundation/components/clearing", "foundation/components/alert-boxes", "foundation/components/breadcrumbs", "foundation/components/keystrokes", "foundation/components/labels", "foundation/components/inline-lists", "foundation/components/pagination", "foundation/components/panels", "foundation/components/pricing-tables", "foundation/components/progress-bars", "foundation/components/side-nav", "foundation/components/sub-nav", "foundation/components/switch", "foundation/components/magellan", "foundation/components/tables", "foundation/components/thumbs", "foundation/components/tooltips", "foundation/components/dropdown"; body { } nav { -webkit-font-smoothing: antialiased; } header { background: #333333; .row { padding: emCalc(15px) 0; @media #{$small} { padding: emCalc(55px) 0; } } .bar { border-top: 2px solid white; height: 0; overflow: hidden; margin-bottom: emCalc(10px); } h1 { text-align: center; font-size: emCalc(40px); @media #{$small} { font-size: emCalc(60px); } line-height: 1em; font-weight: 900; color: white; text-transform: uppercase; margin: 0 0 10px 0; -webkit-font-smoothing: antialiased; small { display: block; margin-top: 10px; font-size: 14px; font-weight: 700; font-style: italic; color: white; text-transform: none; } } }