/*.filter{
	margin-top: 2%;
	margin-bottom: 2%;
	float: right;
}

.filter span{
	font-weight: 700;
}

.filter a{
	color: #275936;
    padding: 15px;	
}
.filter a:hover{
	color: #fff;
    background: #275936;
}
.filter.active{
	color: #fff;
    background: #275936;
}*/

.sort{
    display: flex;
    align-items: center;
    float: right;
}
.layouts{
    padding-right: 50px;
}
.layouts i{
	cursor: pointer;
	color: #95c11f;
	font-size: 25px;
    padding: 5px;	
}
.layouts i:hover{
    color: #95c11f;
    background: #4b3b40;
}
.layouts .active{
    background: #4b3b40;
}
.filter{
	margin-top: 2%;
	margin-bottom: 2%;
	float: right;
}

.filter span{
	font-weight: 700;
}

.filter a{
	color: #275936;
    padding: 15px;	
}
.filter a:hover {
    color: #fff;
    background: #275936;
}
.filter.active{
	color: #fff;
    background: #275936;
}

@media only screen and (max-width: 480px) {
	.sort{
	    display: inline-block;
	    width: 100%
	}
	.filter{
		float: none;
	}
	.layouts{
	    float: none;
	}		
}