html,body {
 width: 100%;
 height: 100%;
}
body{
  padding-top:70px; 
  background: #517fa4; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #517fa4 , #243949); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #517fa4 , #243949); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
             
}
.day{
  color: #fff;
}
.navbar-default{
  background: rgba(0,0,0,0.5);
  border: 0;
}
.navbar-brand>img {
    display: inline-block!important;
    width: 100px;
    height: auto;
    margin: 0 auto;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 18px;
  margin: 5px;
}
.navbar-default .navbar-nav>li>a:hover{
  color: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    background: rgba(0,0,0,0.8);
  }
  .navbar-default .navbar-nav>li>a {
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin: 5px;
  }
  .navbar-brand>img {
    display: inline-block!important;
    width: 100px;
    height: auto;
  }
}