* {
	box-sizing: border-box;
	}

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

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

/* Create three equal rvw-porto-columns that floats next to each other */
.rvw-porto-column {
	float: left;
	width: 23.5%; 
	display: none; /* Hide all elements by default */
	}

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

/* Content */
.title-porto {
	font-size:1.2em;
	margin-top:5px;
	color:#fff;
	text-shadow: 0.075em 0.08em 0.1em rgba(255, 153, 0, 1);
	}		 
		 
.content {
	text-align:center;
	background-color: var(--col-dark);
	padding: 10px;
	color:#000;
	border:1px solid #ff9900;	 
	border-radius:10px;
	min-height:230px;
	transition: transform .25s; /* Animation */
	} 
 
.content:hover{
	transform: scale(1.1);
	background-color: var(--col-darkest);
	} 
 
.content-kit {
	text-align:center;
	background-color: var(--col-dark);
	padding: 10px;
	color:#000;
	border:1px solid #ff9900;	 
	border-radius:10px;
	min-height:225px;
	}
	
.content img{
 	max-height:115px;
	width:auto;
 }	 

.content-kit:hover{ 
	transition: transform .2s; /* Animation */
	transform: scale(1.1);
	background-color: var(--col-darkest);
	}
 
 .content-kit a{
 	text-decoration:none;
 }
 
 .content-kit img{
 	max-height:115px;
	width:auto;
 }

/* The "show" class is added to the filtered elements */
.show {
  display: block;
} 
.dots {
	color:var(--col-orange);
}


/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 6px 10px;
  background-color: #5B5D4B;
  color:#fff;
  cursor: pointer;
 border-radius:5px;
}

.btn:hover {
  background-color: var(--col-orange);
}

.btn .rvw-porto-active {
  background-color: var(--col-orange);
  color: white;
}


 @media only screen and (max-width: 500px) {
 	   .rvw-porto-column {
	         width: 50%;
			 
	}
}