/* -----------------------------------------
   Global Styles
----------------------------------------- */
html, body { margin:0; padding:0; border:0; background:#F4F4F4 url("../img/bkg_large.jpg") no-repeat center top;  }

body {  font-family: 'DaxWeb', sans-serif; color:#333; font-size:1em; line-height:1.6em; }
h1,h2,h3,h4,h5,h6  { font-family: 'DaxWeb-Light', sans-serif; font-size:1em; line-height:1.6em; margin-top:0; font-weight:300; margin-bottom:0.3em; }

a, a:hover, a:active, a:visited, a:link { color:#333; text-decoration: none; }

.btn { border-radius: 0; border:0; box-shadow: #CCC 0 0 3px 1px;  }
.btn .glyphicon { padding-right:10px; color:#CCC; }

/* -----------------------------------------
   Typography
----------------------------------------- */
@font-face { font-family: DaxWeb-Light; font-weight:100; src: url("../fonts/DaxWeb-Light.eot"); src: url("../fonts/DaxWeb-Light.woff") format("woff"); }
@font-face { font-family: DaxWeb; font-weight:normal; src: url("../fonts/DaxWeb.woff") format("woff"); }
@font-face { font-family: Signalist; font-weight:normal; src: url("../fonts/Signalist.woff") format("woff"); }

/* -----------------------------------------
   Header
----------------------------------------- */
header { background:rgba(153,153,153,0.6); height:51px; position: relative; margin-bottom:2em; }
.logo { padding:15px 0 0 15px;  }

h1.heading { font-family: 'Signalist', sans-serif; font-size:5em; color:#FFF; text-align: center;  }

.logo-wrapper { background:rgba(255,255,255,0.2); padding:3em 0 1em; margin:2em 0; }
.logo-wrapper .btn { margin:0 0 2em 4em; float:right; }
.logo-stripe { height:51px; position: relative; margin-left:-45px; }
.tagline { text-align: right; font-size:1.8em; padding:15px 20px 30px 0;  }

.neocreative .logo-stripe { background:#F57C1F; }
.neotheme .logo-stripe { background:#0f3d66; }
.logo-container { position: absolute; right:20px; bottom:10px;  }

footer { background:#F4F4F4; width:100%; text-align: right; font-size:1.4em; padding:20px 20px 10px; }

@media (min-width: 992px) {
    header { height:66px; }
    .logo { padding:27px 0 0 34px; }

    h1.heading { font-size:6em; }
    .logo-stripe { height:66px; }
    .logo-container { bottom:15px; }

}

@media (min-width: 1200px) {
    .logo-wrapper { padding:5em 0 3em; margin:10em 0; }
    .logo-wrapper .btn { margin:0.6em 0 0 4em; float:left; }
    footer { position: fixed; bottom:0; }
}