.bg-primary {
    background:#007bff !important;
    color:white !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#007bff),to(#8dc4ff))!important;
    background-image: -webkit-linear-gradient(top,#007bff 0,#8dc4ff 100%)!important;
    background-image: -o-linear-gradient(top,#007bff 0,#8dc4ff 100%)!important;
    background-image: linear-gradient(to bottom,#007bff 0,#8dc4ff 100%)!important;
}
div.jumbotron {
    background-color: #fff;
    border-bottom: .05rem solid #eee;
}
.list-group-item.active {
    background:#007bff !important;
    color:white !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#007bff),to(#8dc4ff))!important;
    background-image: -webkit-linear-gradient(top,#007bff 0,#8dc4ff 100%)!important;
    background-image: -o-linear-gradient(top,#007bff 0,#8dc4ff 100%)!important;
    background-image: linear-gradient(to bottom,#007bff 0,#8dc4ff 100%)!important;
    border-color:#8dc4ff;
}
.page-item.active .page-link {
    background:#007bff !important;
    border-color:#8dc4ff;
}
.btn-outline-primary:hover {
    background:#007bff !important;
    border-color:#8dc4ff;
}
body {
    font-size:0.9rem;
}
body > div {
padding: 5px 20px 5px 10px;
}
body > .container {
    padding: 20px 15px 0;
}

#head {
    background: #007bff;
    color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#007bff),to(#8dc4ff));
    background-image: -webkit-linear-gradient(top,#007bff 0,#8dc4ff 100%);
    background-image: -o-linear-gradient(top,#007bff 0,#8dc4ff 100%);
    background-image: linear-gradient(to bottom,#007bff 0,#8dc4ff 100%);
}
#head > div {
    margin-top: 4px;
    margin-bottom: 4px;
}
#head p {
    margin:0px;
}

#logo { /* an <img> */
    vertical-align: middle;
    border: 0; /* because it's in a link */
}
#head a {
color: #fff;
text-decoration: none;
}
#head a:hover {
    color: #ddd;
}
#head h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
}
#head h1 span {
    margin-right: 2px;
    font-weight: 100;
}
.card-block p {
    padding:5px;
}
.navbar {
    padding:0px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 568px) {
  #head h1 {
      font-size: 5vmin;
  }
  #head p {
    font-size: 2vmin;
  }
 .sidebar {
    font-size: 3vmin;
 }
 h2 {
    font-size: 5vmin;
 }
 h3 {
    font-size: 4vmin;
 }
 h4 {
    font-size: 3vmin;
 }
 p {
    font-size: 3vmin;
 }
 .btn-default {
    font-size: 3vmin;
 }
 #caltitle {
    font-size: 3vmin;	
 }
}