.col-full{width:100%; float:left;}
.home-section{width:100%; float:left;}
.portfolio-list{list-style-type:none; float:left; width:100%; margin: 5px;}
.portfolio-list li{float:left; display:inline; margin:0px 14px 15px 0; background: none; padding: 0;}
.portfolio-list li:last-child{margin:0px 0 30px 0;}
.portfolio-list li .portfolio-item{ width:225px; height:225px; float:left; position:relative; z-index:9}
.portfolio-list li .portfolio-item a{display:block;}
.portfolio-list li .portfolio-item:hover .mask{opacity:1;}
.portfolio-list li .portfolio-item a img{border:0; position:absolute; height:225px;}
.portfolio-list li .portfolio-item .mask{width:100%; height:225px; float:left; position:absolute; background:rgba(0,0,0,0.5); z-index:99; opacity:0; transition:all ease-in-out 0.3s;}
.portfolio-list li .portfolio-item .mask h2{margin:105px 0 0 0; padding:0 10%; width:80%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:none;}
.portfolio-list li .portfolio-item .mask img.icon{bottom:10px; right:10px; transition:all ease-in-out 0.3s; height: auto;}
.portfolio-list li .portfolio-item .mask img.icon:hover{opacity:0.7;}
h1, h2, h3, h4, h5, h6{
    margin: 10px;
}