*, *:after, *:before { box-sizing: border-box; } /* ----------------------------------------------------------- This is a hack. It works in: FF 3.6+, Anroid 2.2+, Safari, Chrome, IE7, IE8, IE9+ ----------------------------------------------------------- */ html { font-family: 'xs'; } * html { /* IE6 */ font-family: 'md' } *+html { /* IE7 */ font-family: 'md' } @media \0screen { html { /* IE8 */ font-family: 'md' } } // http://galengidman.com/2014/03/25/responsive-flexible-height-sticky-footers-in-css/ // General Tag Styles html, body { min-height: 100%; } body { background-color: #fff; // display: table; width: 100%; min-width: $min-width; @include font-bnb(); background:url("/assets/images/world-map-bg.jpg") no-repeat; background-size:cover; background-attachment:fixed; font-size: 0; position: relative; &.hasFooter{ padding-bottom:180px; } } h1{ color:#FFF; text-align: center; font-size:36px; @include media-query("md-down"){ padding: 0 20px; } } h2{ font-size: 24px; margin: 25px auto 10px auto; max-width: 800px; @include media-query("md-down"){ padding: 0 20px; } } a, a:visited { color: #FFF; text-decoration: none; &:hover { text-decoration: underline; } } input{ display:inline-block; border-radius:2px; font-size:14px; padding:8px; border:none; width:80%; max-width: 200px; } input[type='submit']{ margin:0 auto; display:block; width:auto; } ul{ list-style: none; padding:0; margin:0; } ul.privacy{ @include font-body; font-size: 13px; list-style: circle; margin: 25px auto; max-width: 800px; padding-left: 50px; } p{ font-size: 13px; } p.tier2{ padding-left: 40px; } .tier .bold{ font-size: 15px; font-weight: bold; } //END General Tag Styles //General Element Styles .container{ width:100%; min-height:100%; padding:80px 0 30px 0; box-sizing:border-box; &.home{ min-height:100vh; padding:50px 0; h1{ margin-top:0; } } } .content{ max-width:750px; margin:0 auto; background:rgba(255,255,255,0.75); border-radius:5px; padding:25px 20px; box-sizing:border-box; &.white{ width:100%; max-width: none; background:#FFF; border-radius:0; } } .center{ text-align: center; } .table-display{ display:table; } .vertical-center{ vertical-align: middle; display:table-cell; } .btn{ padding:7px 35px; border:solid 1px #FFF; background:none; border-radius:2px; color:#FFF; cursor:pointer; font-size: 18px; letter-spacing: 1.5px; font-family:"Bebas"; &.dark{ color: #444; border-color: #444; } } a.btn{ color:#FFF; &.dark{ color: #444; border-color: #444; } } .btn:hover{ background:#FFF; color:#000; &.dark{ color: #FFF; background: #444; } } .right-align{ text-align:right; } //END General Element Styles //Type Styles .serif{ font-family: "Georgia",serif; } .italic{ font-style: italic; } .small{ font-size:12px; } .error{ color:#FF0000; font-size: 18px; text-align: center; } /* Queries for supported browsers. ----------------------------------- */ @include media-query("xs-only") { html { font-family: "xs"; } } // @include media-query("xs-up") { // html { // font-family: "xs-up"; // } // } @include media-query("sm-only") { html { font-family: "sm"; } } // @include media-query("sm-up") { // html { // font-family: "sm-up"; // } // } @include media-query("md-only") { html { font-family: "md"; } } // @include media-query("md-up") { // html { // font-family: "md-up"; // } // } @include media-query("lg-only") { html { font-family: "lg"; } } // @include media-query("lg-up") { // html { // font-family: "lg-up"; // } // } @include media-query("xl-up") { html { font-family: "xl"; } }