#head {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

#section-paises {
    background: url(../../assets/img/tusclicks-marketing-digital-5.jpg) center center/cover no-repeat;
    padding-top: 120px;
    padding-bottom: 120px;
    display: block
}

@media (max-width:468px) {
    #logo-main {
        width: 80% !important
    }

    #section-paises {
        background: url(../../assets/img/tusclicks-marketing-digital-5.jpg) center center/cover no-repeat;
        padding-top: 60px;
        padding-bottom: 60px;
        display: block
    }

    .enlace-meu {
        color: #b3b3b3;
        font-size: 13px;
        padding: 15px;
        display: block !important
    }
}

body {
    font-family: Lato
}

.h3,
h3 {
    margin-bottom: 40px
}

#footer-container,
.container.container-paises {
    text-align: center
}

.col.col-xs-5 {
    float: left !important;
    width: 20% !important
}

@media (max-width:480px) {
    .col.col-xs-5 {
        float: left !important;
        width: 50% !important;
        max-width: 50% !important
    }
}

.div-pais {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(33, 37, 41, .2);
    padding: 10px
}

.div-pais:hover {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 1px rgba(33, 37, 41, .2);
    padding: 10px
}

.bandera {
    width: 100%
}

.pais:hover {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 18px
}

.pais {
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 18px
}

.link-bandera {
    display: block
}

.col-xs-5 {
    float: left;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 10px
}

@media (max-width:668px) {
    .col-xs-5 {
        float: left;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px
    }
}

@media (max-width:320px) {
    .col.col-xs-5 {
        float: left !important;
        width: 100% !important;
        max-width: 100% !important
    }

    .col-xs-5 {
        float: left;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px
    }
}

#logo-main {
    width: 320px
}

.h2,
h2 {
    margin-bottom: 40px;
    font-weight: 400
}

#footer {
    background: #333;
    padding-top: 80px;
    padding-bottom: 80px
}

.footer-tc {
    width: 650px;
    margin-bottom: 40px
}

#copyright {
    color: #b3b3b3;
    font-size: 12px
}

#menu-footer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

@media (max-width:768px) {

    .h2,
    h2 {
        margin-bottom: 40px;
        font-size: 23px
    }

    .footer-tc {
        width: 90%;
        margin-bottom: 40px
    }

    #menu-footer {
        margin-top: 60px;
        display: block !important;
        text-align: center
    }
}

#menu-footer {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.enlace-meu:hover {
    color: #666;
    text-decoration: none;
    padding: 15px
}

.enlace-meu {
    color: #b3b3b3;
    font-size: 13px;
    padding: 15px
}

@media (max-width:768px) {
    .enlace-meu {
        color: #b3b3b3;
        font-size: 13px;
        padding: 15px;
        display: inline-block
    }
}

.enlace-meu.active {
    color: #666
}

.container {
    width: 100% !important;
}