*{
      transition:.3s;
      -webkit-transition:.3s;
      -moz-transition:.3s;
}
img{
      max-width: 100%;
}

.navbar-primary{
      
}
.container{
    width:100%;
    max-width:100%;
}
.navbar-primary .nav-item{
      padding-left:.5rem;
      padding-right:.5rem;

}
.navbar-primary .nav-item .nav-link{
      padding-left:.5rem;
      padding-right:.5rem;
      color:var(--dark);
      position:relative;
}
.navbar-primary .nav-item .nav-link:before{
  content:" ";
  display:block;
  height:3px;
  position:absolute;
  bottom:-0.6rem;
  left:0;
  width:100%;
  background-color:transparent;
}
.navbar-primary .nav-item .nav-link:hover,
.navbar-primary .nav-item .nav-link:focus,
.navbar-primary .nav-item .nav-link:active{
  color:var(--primary);
}

.navbar-primary .nav-item .nav-link:hover:before,
.navbar-primary .nav-item .nav-link:focus:before,
.navbar-primary .nav-item .nav-link:active:before{
  background:var(--primary);
}
.navbar-primary .dropdown-menu{
  border-radius:0;
  background:transparent;
  border:0;
  margin-top:-1px;
  min-width:50vw;
}
.navbar-primary .dropdown-menu ul{
  list-style:none;
  padding:0;
  border-top:2px solid var(--primary);
  border-bottom:2px solid var(--primary);
}
.navbar-primary .dropdown-menu ul li{
  background:var(--secondary);
  border-bottom:.5px solid var(--light);  
}
.navbar-primary .dropdown-menu ul li:nth-last-child(1),
.navbar-primary .dropdown-menu ul li:nth-last-child(2),
.navbar-primary .dropdown-menu ul li:nth-last-child(3),
.navbar-primary .dropdown-menu ul li:nth-last-child(4){
  border-bottom:0px solid transparent;
}
.navbar-primary .dropdown-menu .dropdown-item{
  color:var(--light);
  padding-left:.7rem;
  padding-right:.7rem;
  font-size: 0.8rem;
  margin-right: 20px;
  display: block;
}
.navbar-primary .dropdown-menu .dropdown-item:hover,
.navbar-primary .dropdown-menu .dropdown-item:focus,
.navbar-primary .dropdown-menu .dropdown-item:active{
  background-color:var(--primary);
}
/*
.navbar-primary .dropdown-menu .dropdown-item:first-child{
  border-top:2px solid var(--primary);  
}
.navbar-primary .dropdown-menu .dropdown-item:last-child{
  border-bottom:2px solid var(--primary);    
}
*/
.gallery .gallery-item a,
.gallery.index .gallery-item a{
      display:block;
      position:relative;
      overflow:hidden;
}
.gallery .gallery-item{
      padding:.1rem;
}
.gallery .gallery-item a span,
.gallery.index .gallery-item a span{
      position:absolute;
      top:0;
      left:0;
      background:rgba(0,0,0,.5);
      color:#fff;
      padding:.3rem .7rem;
}
.gallery .gallery-item a span{
      margin-top:-100%;
      font-size: 80%;
}
.gallery .gallery-item a img{
      width:100%;
}
.gallery .gallery-item a:hover span{
      margin-top:0;
}

.gallery.index .gallery-item a span{
      font-size:inherit;
      margin-top:0;
}

/* clear fix */
.gallery:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.gallery-sizer,
.gallery-item {
  width: 25%;
}

.gallery-item {
  float: left;
}

.gallery-item img {
  display: block;
  max-width: 100%;
}
.categories{
      margin:2rem 0;
}
#related_gallery .gallery .gallery-item a span{
    margin-top:0;
}
@media screen and (max-width:768px){
      .gallery-sizer,
      .gallery-item {
        width: 50%;
      }
      .navbar-primary .nav-item,
      .navbar-primary .nav-item .nav-link{
            padding-left:.0;
            padding-right:0;

      }
      .navbar-primary .nav-item .nav-link:before{
        display: none;
      }
}
@media screen and (max-width:481px){
      .gallery-sizer,
      .gallery-item {
        width: 100%;
        padding:0;
      }
    .gallery .gallery-item{
        padding:0;
    }
}