@import url('http://fonts.googleapis.com/css?family=Lato:300');
@import url('fuente.css');

.footer {
    padding: 3px 0;
    text-align: center;
}

.social {
    vertical-align: top;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    line-height: 20px;
    font-family: Entypo;
    font-size: 15px;
    text-align: center;
    color: #bbb;
    border-radius: 30%;
    background: white;
    overflow: hidden;
    transition: color .3s;
}

    .social:hover {
        color: #59d;
        cursor: pointer;
    }

    .social a {
        border: none;
        text-decoration: none;
        color: #bbb;
    }

.CopyR {
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    line-height: 30px;
    font-family: Entypo;
    font-size: 14px;
    text-align: center;
    color: #bbb;
    border-radius: 30%;
    overflow: hidden;
    transition: color .3s;
}

    .CopyR a {
        border: none;
        text-decoration: none;
        color: #bbb;
    }

        .CopyR a:hover {
            color: #59d;
            cursor: pointer;
        }

@media (min-width: 60em) {
    .social {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-family: Entypo;
        font-size: 35px;
        text-align: center;
        color: #bbb;
        border-radius: 30%;

        overflow: hidden;
        transition: color .3s;
    }
}


@media (min-width: 35em) {
    .social {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-family: Entypo;
        font-size: 20px;
        text-align: center;
        color: #bbb;
        border-radius: 30%;
        overflow: hidden;
        transition: color .3s;
    }
}