a i {
    color: #383d41;
}

#inputSearch {
    height: 30px;
}

#logo {
    height: 40px;
}

footer div ul {
    line-height: 30px;
}

footer #footer-contacts > ul li i {
    margin-right: 10px;
}

footer div ul li a {
    font-size: 15px;
}

/*Card*/
#items {
    margin-top: 35px;
}

#items .card {
    margin-bottom: 25px;
    padding: 10px;
}

#items .card > img {
    margin-top: 10px;
}

#items .card .card-body {
    height: 100px;
    text-align: center;
}

#items .card:hover {
    border-width: 3px;
    border-color: bisque;

    /* First we need to help some browsers along for this to work.
       Just because a vendor prefix is there, doesn't mean it will
       work in a browser made by that vendor either, it's just for
       future-proofing purposes I guess. */
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}