@media (max-width: 575px) {
body { margin-top: 4rem !important }
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 3rem;
  margin-top: 12rem;
}

footer {
  width: 100%;
  height: 2rem;
}



#head-logo {
  background: #000;
  color: #33cc00;
  padding: 0.5rem;
}

#head-logo .col-auto {
  font-family: monospace;
  line-height: 1;
  font-size: 0.6rem;
  letter-spacing: 2px
}

#head-logo .text-center {
  color: #fff;
  font-size: 3.5rem
}



.nav-link {
  transition: 0s;
  padding: 0.25rem 1rem !important;  color:rgba(255,255,255,.66) !important;
}

.nav-link:hover, .nav-link:focus {
  color:rgba(255,255,255,.88) !important;
}

.nav-link.active {
  color:rgba(255,255,255,1) !important;
  font-weight: bold;
}

.nav-item:first-child 
.nav-link:before {
  content: "";
}

.nav-link:before {
  color:#fff;
  content:"|";
  position:absolute;
  margin-left:-1.1rem;
}


a > figcaption {
  color:#212529 !important;
  font-size: 1rem !important; text-decoration:none;
}

a.card:after {
  position: absolute;
  right:1rem; bottom:0;
  font-size: 1.25rem;
  content:"»";
}

a.card{text-decoration:none;color:#212529 !important;
}
a.card:hover,
a.card:focus {text-decoration:none;}
.disabled {
  pointer-events: none;
}


a.back:after {
  position: absolute;
  right:1rem; bottom:0;
  font-size: 1.25rem;
  content:"»";
text-decoration:none;
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
}



.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
} 
.nav-link-home {
 text-decoration:none;color:#6c757d !important;
}

.nav-link-home:hover, 
.nav-link-home:focus {
 text-decoration:none !important;
}

.nav-link-home.active {
 text-decoration:none !important;

} 


.nav-link-small {
  transition: 0.3s;
 text-decoration:none; font-size: .75rem; padding-right: 1rem !important;
  padding-left: 1rem !important;
  color:rgba(255,255,255,.66) !important;
}

.nav-link-small:hover, 
.nav-link-small:focus {
 text-decoration:none; color:rgba(255,255,255,.88) !important;
}

.nav-link-small.active {
  color:rgba(255,255,255,1) !important;
 text-decoration:none; font-weight: bold;
}

.nav-item-small:first-child .nav-link-small:before {
  content: "";
font-size: .75rem;}
.nav-link-small:before {
 text-decoration:none; color:#fff;
 content:"|";
 position:absolute;
 margin-left:-1.1rem;margin-top: .25rem
}


.footer-text {font-size:.75rem;color:#6c757d!important;transition: 0.3s;margin-top: .25rem}
h1{font-size:1.5rem}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1.10rem}.h4,h4{font-size:1rem}.h5,h5{font-size:1rem}.h6,h6{font-size:1rem}


.card-body{padding:0.25rem 1.25rem;}
.card-header{padding:0.25rem 1.25rem;background-color:#fff;}

.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0px solid rgba(0,0,0,0);border-radius:.25rem}



@media (min-width:576px){
.navbar-expand-sm{height:2.5rem} 
.navbar-nav .dropdown-menu {

    margin-top: -0.01rem;

}


  .dropdown:hover > .dropdown-menu {
    display: block;
  }
  
}