@charset "utf-8";
/* CSS Document */


/* Center website */
.main {
    max-width: 1000px;
    margin: auto;
	text-align: center;
}

.main h2{
	letter-spacing: 0.2em;
	text-transform: capitalize;
	
}

.row {
    margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
   
    display: none; /* Hide all elements by default */
	 background-color:rgba(247,247,247,1.00);
	height: 330px;
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color:rgba(247,247,247,1.00);
    padding: 10px;
	
}
.content img{
	width: 100%;
	transition:all 0.5s;
}
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}
.column a{
	color: black;
	text-decoration: none;
}
.column a:link{
	text-decoration: none;
}
.column a:hover{
	text-decoration: none;
}
.column a:hover .content img{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-cat {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color:#C4C4C4;
  cursor: pointer;
	margin:5px;
	transition: all 0.3s;
}

.btn-cat:hover, .active-btn {
  background-color: #666;
  color: white;
}