@media screen and (min-width:551px) {
    section#phone {
        margin: 40px auto;
    }

    section#lista {
        padding: 20px 10px;
        position: relative;
        float: right;
        z-index: 10;
    }

    section#lista ul li {
        display: block;
    }

    section#lista img:hover {
        border-right: 3px solid #666b74;
        transform: translate(-7px, 0);
    }

}


@media screen and (max-width:550px) {

    section#phone {
        margin: 10px auto 40px auto;
    }

    section#lista {
        float:none;
        padding: 20px 10px 0 10px;
    }

    section#lista ul li {
        display: inline-block;
    }

    section#lista img:hover {
        transform: translate(0, -5px);
        border-bottom: 3px solid #666b74;
    }

}

@media screen and (max-width:415px) {
    section#lista ul li img {
        width: 40px;
        margin: 2px;
    }
}