footer {
    background-color: #40454F;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    padding: 80px 0 20px 0;
    font-family: ubuntu;
    box-sizing: border-box;
}

    footer .footer-sec-250 {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    footer .footer-sec-350 {
        width: 100%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

        footer .footer-sec-350 .col-100 {
            width: 100%;
            max-width: 100%;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            align-items: center;
        }

            footer .footer-sec-350 .col-100.between {
                justify-content: space-between;
            }

            footer .footer-sec-350 .col-100.center {
                justify-content: center;
            }

            footer .footer-sec-350 .col-100 .icon-instituciones {
                width: 50%;
                max-width: 110px;
            }

                footer .footer-sec-350 .col-100 .icon-instituciones img {
                    width: 100%;
                    object-fit: contain;
                }

    footer .footer-sec-500 {
        width: 100%;
        max-width: 100%;
        padding: 20px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        box-sizing: border-box;
    }

.container-logo {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-bullet {
    width: 100%;
    padding: 10px 10px 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
}

    .container-bullet .bullet-icon {
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .container-bullet .bullet-icon img {
            width: 100%;
            max-width: 24px;
            object-fit: contain;
        }

    .container-bullet .bullet-body {
        width: calc(100% - 30px);
        display: flex;
        padding: 10px;
        justify-content: start;
        align-items: center;
        box-sizing: border-box;
        
    }

        .container-bullet .bullet-body a, .container-bullet .bullet-body p {
            text-decoration: none;
            color: #FFFFFF;
            font-size: 12px;
            padding: 0;
            margin: 0;
        }

.col-50 {
    width: 100%;
    padding: 60px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .col-50 a {
        text-decoration: none;
        color: #FFFFFF;
        padding: 10px 0;
        font-size: 12px;
    }


.footer-sec-100 {
    width: 100%;
    padding: 10px 10px 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .footer-sec-100 .sec-100-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .footer-sec-100 .sec-100-container .divider {
            display: block;
            content: "";
            width: 50px;
            height: 1px;
            background-color: #FFFFFF;
        }

        .footer-sec-100 .sec-100-container .legal-link {
            padding: 30px 5px;
            max-width: 100%;
            box-sizing: border-box;
        }

            .footer-sec-100 .sec-100-container .legal-link a {
                color: #FFFFFF;
                text-decoration: none;
                font-size: 12px;
                font-family: ubuntu;
                text-align: center;
            }


@media screen and (min-width: 450px) {

    footer .footer-sec-250 {
        width: 100%;
        padding: 0 50px;
        box-sizing: border-box;
    }

    footer .footer-sec-350 {
        width: 100%;
        max-width: 500px;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .col-50 {
        width: 50%;
        padding: 60px 10px 10px 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    footer .footer-sec-500 {
        width: 100%;
        max-width: 500px;
        padding: 20px 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        box-sizing: border-box;
    }

    .footer-sec-100 {
        width: 100%;
        max-width: 100%;
        padding: 10px 10px 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

        .footer-sec-100 .sec-100-container {
            width: 100%;
            max-width: 500px;
            padding: 10px 10px 25px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            box-sizing: border-box;
        }

            .footer-sec-100 .sec-100-container .divider {
                display: block;
                content: "";
                width: 1px;
                height: 14px;
                background-color: #FFFFFF;
            }

            .footer-sec-100 .sec-100-container .legal-link {
                padding: 5px 20px;
                max-width: 100%;
                box-sizing: border-box;
            }

}

@media screen and (min-width: 650px) {
    footer {
        align-items: center;
    }

        footer .footer-sec-250 {
            width: 60%;
            padding: 30px
        }
}

@media screen and (min-width: 1000px) {
    footer {
        flex-direction: row;
    }

        footer .footer-sec-250 {
            max-width: 500px;
        }

        footer .footer-sec-500 {
            max-width: 500px;
        }

    .col-50 {
        padding: 0px 10px 10px 10px;
    }
}


@media screen and (min-width: 1200px) {
    footer {
        flex-direction: row !important;
        align-items: stretch;
    }

        footer .footer-sec-250 {
            width: 100%;
            max-width: 350px;
            padding: 0 50px 0 0;
            box-sizing: border-box;
        }

        footer .footer-sec-350 {
            width: 100%;
            padding: 60px 20px;
            max-width: 350px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        footer .footer-sec-500 {
            width: 100%;
            max-width: 500px;
            padding: 0 10px;
            display: flex;
            justify-content: center;
            align-items: stretch;
        }

    .footer-sec-100 {
        width: 100%;
        padding: 10px 10px 25px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

        .footer-sec-100 .sec-100-container {
            width: 100%;
            max-width: 1200px;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
        }

        .footer-sec-100 .legal-link {
            padding: 5px 60px;
        }


    footer .footer-sec-350 .col-100 .icon-instituciones {
        width: 100px;
    }

    .footer-sec-100 .divider {
        display: block;
        content: "";
        width: 1px;
        height: 14px;
        background-color: #FFFFFF;
    }

    .footer-sec-100 .legal-link {
        padding: 5px 30px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .col-50 {
        width: 100%;
        padding: 60px 10px 10px 10px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

}


@media screen and (max-width: 767px) {
    footer .footer-logo {
        margin-left: 30px;
    }

    footer .footer-info {
        flex-direction: column;
        margin-left: 30px;
        align-items: flex-start;
    }

        footer .footer-info .footer-links {
            display: flex;
            align-items: flex-start;
        }

    footer .copyright {
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    footer .footer-pics {
        justify-items: center;
    }

        footer .footer-pics img {
            margin-left: 0 !important;
        }

    footer .footer-logo .footer-logo-img {
        margin-left: 40px;
    }

    footer .footer-col {
        flex-direction: column;
    }

    footer .footer-info .footer-links:first-child {
        margin-right: 0;
        margin-bottom: 30px;
    }

    footer .copyright a:last-child {
        padding-left: 0;
    }

    footer .footer-info .footer-links a {
        padding: 0;
    }

}