html,body{
    height: 100%
}
body {
	font-size: 15px !important;
    font-family: 'Quicksand', sans-serif;
}
.nav-link{  font-weight: 700 !important; font-size: 20px !important;}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: .75rem;
    font-size: 12px !important;
}
.badge { font-size: 14px; margin: 2px; }
.card-footer {
    padding: .55rem 1.05rem;
    background-color: #1351c4;
    border-top: 1px solid rgba(0,0,0,.125);
    margin-bottom:  0px;
}
.timestamp { font-size: 12px !important; }
.card-footer a { color: white; margin: 3px; }
footer { padding: 25px; background: #2c4987; margin-top: 60px; color: white;}
h3 {
    text-transform: none;
    font-size: 21px;
    background: #fff;

    padding: 5px;
}
h2 { background: #2c4987; color: white !important; text-transform: uppercase; padding: 5px; font-size: 24px;}
h3 { background: #2c4987; color: white !important; text-transform: uppercase;  }
h4 { background: #2c4987; color: white !important; text-transform: uppercase; padding: 5px; font-size: 20px; }
.red { color: red;  }
a.badge-secondary {
    color: #fff;
    background-color: #2c4987;
}
label {
    font-weight: 600 !important;
    font-size: 14px !important;
}
.search form { margin-bottom: 0px; }
.logged-in {}
#btn-back-to-top {
  position: fixed;
  bottom: 70px;
  right: 20px;
  display: none;
}
 .navbar-toggler {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #275DC8 !important;
    height:  45px !important;
}
 .navbar-toggler span {color: #fff !important; }
.container-sm {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.container-md {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

footer { text-align: center !important; margin: 0 auto !important;  }
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 
	.cats { display: none; }
 }

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	.cats { display: none; }
   .navbar-brand { padding: 5px; padding-bottom: 15px; }
    .navbar-brand img{ max-width: 300px; }
body {
  padding-top: 7.5rem;
}
.starter-template {
  padding-top: 100px;

}
 }

/*  Large devices (desktops, 992px and up) */
@media (max-width: 992px) {  

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { 

 }