h2 {
  margin: 0;
}

.navbar {
  padding: 0 !important;
}

.navbar-brand {
  margin: .5rem 1rem;
}

.nav-link {
  font-size: 16px;
  padding: .7rem 1rem !important;
  color:black !important;
}

.nav-link:hover {
  /*color: #3a78f6 !important;*/
  color: #ad2525 !important;
  text-decoration: none;

}

.nav-item h1 {
  font-size:1.1rem;
  color: #d10000;
  margin:0;
  display: block;
  padding: .8rem 0;
}

.navbar-toggler{
  margin-right: .5rem;
}

.menu_active, .menu_active:hover {
  font-weight:bold;
  color: #ad2525 !important;
  cursor: pointer;
}

.sub_menu_active {
  font-weight:bold;
  color:#2b2e2f;
  cursor: default;
}

.sub_menu_active:hover {
  font-weight:bold;
  color: white !important;
  cursor: default;
}

.dropdown-item:hover {
  background-color: #ad2525;
  color: white;
}

.card {
  background: none;
  border: none;
}

.card a {
  text-decoration: none;
      }

.card-link {
  color: rgba(100, 200, 200);
}

.card-link:hover {
  /*color: rgba(200, 100, 100);*/
  color: #dc3545;
}

.card img {
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.card a img:hover {
  box-shadow: 5px 5px 10px rgba(150, 0, 0, 0.7);
}


.card-design {
      background-color:#343a40;
      }

.card-design:hover .card-body  {
      background-color:#d10000;
      }

.gal_img {
  cursor: zoom-in;
}

.cat_holder {
  /*background: rgba(150, 0, 0, 5.5);
  background: linear-gradient(135deg,rgba(150, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 24%);*/
  background: rgba(150, 0, 0, 5.5);
  background: linear-gradient(135deg,rgba(150, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 20%, rgba(150, 0, 0, 0) 100%);
  z-index: 1;
  padding: 1.25rem;
}
/*.page_title {
  font-family: 'Square Peg', cursive;
  text-transform: none !important;
  font-size: 8rem;
}*/

.page_title {
  font-family: "Fredericka the Great", serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none !important;
  font-size: 6rem;
}

.cat_title {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: none !important;
  font-size: 2rem;
  text-align: left;
  color: white;
  padding:0;
}

.card-title {
  color: white;
  font-size: 1rem;
}

.card-text {
  color: white;
}

.card_sub_link {
  padding:.3rem;
  border-radius:1rem;
  border-color: black;
  background: rgba(112, 112, 112, 0.3);
  float:right;
}

.modal-title {
  font-weight: bold;
  font-size: 1.5em;
}

@media only screen and (max-width: 768px) {
       .navbar-nav {
         background-color:#343a40;
      }

      #nav-name {
        background-color:white;
        padding-left:.5rem;
      }

      .nav-item h1 {
        padding: .8rem 0;
        padding-top:0;
      }

      .nav-item:hover {
        background-color: #ad2525;
      }

      .nav-link {
        color: white !important;
      }

      .nav-link:hover {
        color: white !important;
      }

      .dropdown-menu {
        margin: .5rem;
      }


}