h3{font-size:20px;margin:10px 0 10px 0;font-family:'pt_sans_narrowbold';letter-spacing:0.2px}p{font-weight:300;line-height:20px;font-size:14px;margin-bottom:5px}.btn{margin:5px 0 5px 0;color:#000;padding:5px 10px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;cursor:pointer;font-family:'pt_sansbold';font-size:12px;text-transform:uppercase;text-decoration:none;background-color:#1dc699;border:none}.btn:hover{background-color:#3da7df;padding:5px 10px;color:#000}.text-desc{position:absolute;left:0;top:0;background-color:#000;height:100%;opacity:0.9;width:100%;padding:20px}.port-1{float:left;width:100%;position:relative;overflow:hidden;text-align:center;border:4px solid #ddd}.port-1 .text-desc{opacity:0.8;top:-100%;transition:0.5s;color:#fff;padding:20px}.port-1 .text-desc h3{top:-100%;color:#eee}.port-1 img{transition:0.5s}.port-1:hover img{transform:scale(1.5)}.port-1.effect-1:hover .text-desc{top:0}@media only screen and (max-width: 1090px){ul{width:340px;margin:0 auto}li{width:100%;margin:20px 0}.port-5.effect-1{z-index:19}}@media only screen and (max-width: 360px){ul{width:100%}