* { box-sizing: border-box; }

/* force scrollbar */
html { overflow-y: scroll; }


/* ---- isotope ---- */

.grid {
  background: ;
}

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

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

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 99%;
    margin: 0.5%;
    border: 5px solid lightgrey;
    box-shadow: 0 0 20px black;
}





/* ALBUM */


.galeria_calosc{
     width:90%;

    text-align: center;
   padding-top: 80px;
   
}

.album{
    text-align: center;
    width:30%;
    height:400px;
    border-bottom:5px solid #6b0000;    
background-color: white;
box-shadow: 0 0 21px black;
display: inline-block;
    margin: 0 8% 2%;
    
}  

.album:hover{
 transition: all .5s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    background-color: #333131;
    border-bottom:5px solid #14466b; 
}
.album:hover h1{
    color:#f8b600;
    transition: all .5s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
} 

.a{
width:30%;    
}

.album h1{
    text-align: center;
   
}

.album img{

    width:100%;
    height:300px;
    margin: 0 auto;
    border-bottom:5px solid #14466b; 
}