#info {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #fcf8e3;border: 1px solid #fbeed5;width: 95%;max-width: 900px;margin: 0 auto 40px auto;font-family: arial;font-size: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#info .info-wrapper {padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#info a {color: #c09853;text-decoration: none;}
#info p {margin: 5px 0 0 0;}
.container {margin: 0 auto;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#filters {margin: 1%;padding: 0;list-style: none;}
#filters li {float: none;}
#filters li span {display: block;padding: 5px 20px 8px 20px;text-decoration: none;color: #fff;cursor: pointer;border-radius: 20px;border: 1px solid #fff;margin: 7px;}
#filters li span.active {background: #ffffff;color: #41bdae;border: 1px solid #fff;}
#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;width: 98%;margin: 1%;display: none;float: left;overflow: hidden;border-radius: 15px;}
.portfolio-wrapper {overflow: hidden;position: relative !important;background: #666;}
.portfolio img {max-width: 100%;position: relative;top: 0;-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.portfolio .label {position: absolute;width: 100%;height: 100%;bottom: 0;-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);opacity: 0;padding: 20px;}
.portfolio .label-bg {background: rgb(24 134 120 / 97%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.portfolio .label-text {color: #fff;position: relative;z-index: 500;padding: 5px 8px;text-align: center;font-size: 20px;}
.portfolio .text-category {display: block;font-size: 1rem;margin-top: 15px;}
.portfolio:hover .label {opacity: 1;}


@media only screen and (min-width: 768px){
	#filters{position: absolute;left: 0;top: 0;}
	#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;width: 31%;margin: 1%;display: none;float: right;overflow: hidden;}
	#filters li {float: right;}
}