html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 120px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

body > .main-container {
  padding: 66px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

.navbar-inverse {
  background-color: #474a51;
  border-color: #474a51;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
  border-color: #333;
}

.navbar-inverse .nav .open>a,
.navbar-inverse .nav .open>a:hover,
.navbar-inverse .nav .open>a:focus {
    border: 1px solid #333;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent;
}

.btn {
  padding-right: 25px;
  padding-left: 25px;
}

.btn-lg {
  padding-right: 35px;
  padding-left: 35px;
}

.btn-success {
  background-color: #1BB76E;
}

.panel-title-clickable {
  cursor: pointer;
}

.jumbotron {
  background: url('../img/jumbotrons/default.png') no-repeat center bottom #474a50;
  background-size: auto 100%;
  color: #fff;
}

.jumbotron-blue-snow {
  background: #86afea;
  color: #fff;
  position: relative;
  box-shadow: inset 0px -300px 300px -150px rgba(0,0,0,0.3);
}

.jumbotron-blue-snow .btn {
  margin-top: 20px;
  margin-bottom: 40px;
  padding-right: 150px;
  padding-left: 150px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  font-weight: 600;
}

#snow {
  background: none;
  font-family: Androgyne;
  background-image: url('../img/snowflakes/s1.png'), url('../img/snowflakes/s2.png'), url('../img/snowflakes/s3.png');
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:1;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
  pointer-events: none;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

.well-donate {
  background: no-repeat center 215px #fff;
  padding: 80px 0;
  border: none;
  box-shadow: none;
}

.ceraguy {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Global Footer
   ========================================================================== */

.legal-disclaimer {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 70px;
}

.footer {
  background-color: #f5f5f5;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  position: absolute;
  bottom: 0;
  line-height: 60px;
  overflow: hidden;
}

.footer .container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 992px) {
  .well-donate {
    background-image: url('../img/donate-bg.png');
  }

  .ceraguy {
    width: auto;
    overflow: inherit;
    text-overflow: inherit;
    display: inline-block;
  }
}