ul.mayor {
    list-style-type: none;
    text-align: center;
}

ul.mayor a {
    color: #fff;
    text-decoration: none;
    text-align:center;
    transition: all 0.2s ease-in-out;
}

ul.mayor li {
    display: inline;
    text-align: center;
    border-right: solid 1px #ffffff70;
    border-top: solid 1px #ffffff70;
    height: 160px;
    width: 19%;
    float:left;
}

ul.mayor > li:nth-child(5) {
    border-right: none;
}

ul.mayor > a:nth-child(5) > li {
    border-right: none;
}

.mayor i {
    font-size: 40px;
}

ul.mayor img {
    padding-top: 25px;
    transition: all 0.2s ease-in-out;
    width: 20%;
}






ul.mayor > a:nth-child(4) > li > img {
    padding-bottom: 10px;
}

ul.mayor span {
    display: block;
    padding: 10px;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.mayor a:hover span {
    margin-top: 10px;
}

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

ul.mayor li {
    width: 100%;
    border-right:none;
    margin:  0 auto;
    text-align:  center;
}


}

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

ul.mayor li {
    width: 100%;
    border-right:none;
    margin:  0 auto;
    text-align:  center;
}

ul.mayor img {
width: 10%;
    margin: 0 auto;
    text-align: center;
}

}




ul.mayor > li:nth-child(5) {
    border-right: none;
}

ul.mayor span.icon {
    background:  none;
    border:  none;
    margin-bottom: 0;
    padding-bottom: 0;
}