* Create three equal columns that floats next to each other */

.column {
  float: left;
 
  display: none; /* Hide all elements by default */
}


/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px 12px 16px !important;
  background-color: #E4E4E4;
  cursor: pointer !important;
  border-radius:0px !important;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size:24px;
  letter-spacing:1PX;
  color:#808183 !important;
  margin-left:15px;
  
}

.btn:hover {
  background-color: #ffaa01 !important;
}

.btn.active {
  background-color: #ffaa01;
  color: black !important;
}

#projects2 h6{font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing:2px; font-size:16px; color:#7e8285;}
#projects2{margin-top:30px;}
#projects2 img{position:relative; transition:ease-out all 0.6s;}
#projects2 h2{position:absolute; bottom:25px; left:35px; color:#FFFFFF; font-size:28px;font-family: 'PT Sans Narrow', sans-serif; letter-spacing:1px; font-weight:700; transition:ease-out all 0.6s;}
#projects2 h1{font-family: 'Fira Sans Condensed', sans-serif; font-weight:700; color:#002c41; padding-top:20px; letter-spacing:1px; font-size:32px;}
#projects2 p{bottom:-10px; position:absolute; transition:ease-out all 0.6s; overflow:hidden; opacity:0; color:#FFFFFF;font-family: 'PT Sans Narrow', sans-serif;
left:35px; right:50px;}
.btn3{ position:absolute; background:#ec6f03; padding:10px 25px 10px 25px; border:none; font-size:16px; font-family: 'Yanone Kaffeesatz', sans-serif; margin-top:20px; bottom:-10px; left:35px; opacity:0; transition:ease-out all 0.6s;}

#img1:hover{filter:brightness(150%); transition:ease-in all 0.6s;}
#img1:hover h2{bottom:180px; transition:ease-in all 0.6s;}
#img1:hover p{bottom:80px; transition:ease-in all 0.6s; opacity:1; transition-delay:0.2s;}
#img1:hover .btn3{bottom:30px;  transition:ease-in all 0.6s; opacity:1; transition-delay:0.3s;}