html {
        font-size: unset;

        }
        body {
             background: #000;
        }
        a:hover {
        color: #ccc; !important
        }
        * {
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
        }
        
        .masonry {
          max-width: 1240px;
        }
        
        .masonry .item,
        .masonry .grid-sizer {
          width:  20%;
        }
        
        .masonry .item,
        .masonry .grid-sizer {
          height: 160px;
          float: left;

          /*background: #D26;
        
          border-radius: 5px;*/
        }
        
        .item.wi2 { width:  40%; }
        .item.he2 { height: 320px; }
        
        .item > div{
            border:5px solid white;
        }
        
        .masonry .item .overlay
        {
            position: absolute;
            left:0;
            top:0;
            background: rgba(0,0,0,0.6);
            z-index:10;
            display:none;
        }
        .masonry .item .overlay .title{
            position:absolute;
            bottom:10px;
            left:10px;
            color:white;
        }

        .item .overlay .title  {
              font-style: normal;
              font-weight: lighter;
              font-size: 16px;
              text-align: center;
              text-transform: uppercase;
              transform: translateZ(0px);
              font-weight: normal;
              left: 5px !important;
              right: 5px !important;

        }
        .item.wi2 {
        
        
        }

        @media (min-width:760px)
        {
            ul.nav li.dropdown:hover > ul.dropdown-menu {
                display: block;    
            }
        }

        @media (max-width: 1024px)
        {

            .masonry .item .overlay {
            display: none !important;
            }
        }

        @media (max-width: 600px)
        {
            .item.he2 { height: 160px !important;}
            .item.wi2 { width: 40%; }
            .item {height: 160px; }
            .item .overlay .title {
            font-size: 12px !important;
            line-height: 15px; left: 5px !important;}
            
         .masonry .item .overlay {
             display: none !important;
    	}
            
         }
        
        @media (max-width: 600px)
        {
            .item.he2 { height: 213.33333333333px !important;}
            .item.wi2 { width: 100%; }
            .item { width: 100% !important; }
            .item {height: 213.33333333333px !important; }
            .item .overlay .title {
            font-size: 8px !important;
            line-height: 11px; left: 5px !important;}
        }
        .dropdown-menu li:first-child > a {
         font-weight: normal;
         }
         
      .more a {
          display: inline-block;
          font-size: 1em;
      	color:#fff;
          background:#727475;
          padding: .5em 3em;
          margin-top: 1.2em;
          border-radius: 4px;
      	-webkit-transition:.5s all;
      	-moz-transition:.5s all;
      	transition:.5s all; 
      }  
      .more a:hover {
          opacity: .7;
      }