body{margin: 0 auto;background-color: #B4E85E;}
.grid-item span {height: 25px;width: 100%;position: absolute;left: 2px;bottom: 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;line-height:23px;letter-spacing: -1px;background-image: url(no.png);display: block;overflow: hidden; color:#B4E85E;}
.is-loading {
  background-color: black;
  background-image: url('/img/background.gif');
  background-repeat: no-repeat;
  background-position: center;
}
.button {
  display: inline-block;
  padding: 8px 14px;
  margin-bottom: 10px;
  background: #00BD72;
  border: none;
  border-radius: 3px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
  color: white;
  font-family: sans-serif;
  font-size: 12px;
  text-shadow: 0 1px white;
  cursor: pointer;
}

.button:hover {
  background-color: #0B4239;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
  color: white;
}

.button:active,
.button.is-checked {
  background-color: #0B4239;
}

.button.is-checked {
  color: white;
  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
.ads {width: 300px; height:250px;}
.container-fluid  {color:#E34517;}
img {
  border: 1px solid #0B4239;
}
.footer{
  background: #FFBA98;
  height: 25px;
  text-align: center;
  margin-top: 10px;
}
h1 {
font-size: 18px;
}