@font-face {
    font-family: "titulo";
    src: url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "fuente_principal";
    src: url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
/* En pantallas de 640px de ancho o menos, usar dos columnas en lugar de cuatro */
/*@media screen and (max-width: 640px) {
    .column {
        width: 50%;
    }*/

    body {
        font-family: "fuente_principal";
        font-family: "titulo";
        font-size: 1rem;
    }
#gifload {
    width: 150px !important;
    height: 150px !important;
}

.navbar-expand .navbar-nav .nav-link {
    font-size: 0.85rem !important;
    padding-top: 1rem !important;
    padding-block-end: 1rem !important;
}

    html {
        font-size: 1rem !important;
    }

    /*@media (min-width: 768px) {
        html {
            font-size: 16px !important;
        }
    }*/
@media (width: 500px) {
    .navbar-light .navbar-brand {
        /*font-size: medium !important;*/
        width: 70% !important;
    }

    .navbar-brand {
        width: 70% !important;
    }
}

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        width: 100%;
        height: 100%;
        padding-block-end: 0px;
    }

    .navbar {
        width: 100% !important;
        padding: 0px;
        padding-top: 0;
        padding-bottom: 0;
    }

        .navbar > .container-fluid {
            width: 100%;
            height: 100%;
            padding: 0px !important;
        }

        .nav-item > a:hover, .nav-item > a:active {
        color: #28A745 !important;
        /*color: #000000 !important;*/
    }

    .navbar-nav .nav-link {
        color: #707070 !important;
        text-align: center !important;
    }

    .navbar-expand .navbar-nav > nav-link > a:hover,
    .navbar-expand .navbar-nav > nav-link > a:focus {
        color: #00AE4B;
        /*color: #000000;*/
    }

    li.nav-link a.nav-link:active {
        color: #28A745 !important;
    }


    nav.navbar ul.nav li {
        font-family: "titulo";
    }

    nav.navbar {
        background: #F4F4F4 0% 0% no-repeat padding-box;
        opacity: 1;
    }
.navbar > .container-fluid {
}

.navbar-brand {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin-right: 0px !important;
}
    main .pb-3 {
        width: 100%;
        height: 100%;
        padding: 0px 0px 0px 0px !important;
    }

    .container {
        padding: 0px;
        margin: 0px
    }

.footer-inicio {
    margin-top: 200px;
    background: #93918F !important;
    opacity: 1;
}



p.text-footer-layout {
        margin: 0px;
        text-align: left;
        font: normal normal bold 14px/24px Proxima Nova;
        letter-spacing: 0px;
        color: #FFFFFFCC;
        opacity: 1;
        padding-top: 45px;
        padding-block-end: 20px;
        font-family: "fuente_principal";
}

    a.text-footer-layout {
        text-align: left;
        font: normal normal bold 14px/24px Proxima Nova;
        color: #FFFFFFCC;
        font-family: "fuente_principal";
        text-decoration: none;
        padding-left: 15%;
    }

    a.vinculos { 
        text-align: left;
        font: normal normal normal 14px/24px Lato;
        letter-spacing: 0px;
        /*color: #00AE4B;*/
        color: #000000;
        opacity: 1;
        text-decoration: none;
        font-family: "fuente_principal";
    }

    .sig-link {
        padding: 10px;
        text-decoration: none;
        color: #767676;
    }

    a.sig-link:hover {
        color: #00AE4B !important;
        /*color: #000000 !important;*/
    }

    .navbar-collapse {
        background: #F4F4F4 !important;
        text-align: left;
        z-index: 2 !important;
    }

    .head-link {
        margin-top: 20px;
        margin-left: 0px;
        text-align: left;
        font: normal normal normal 14px/24px Proxima Nova;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        font-family: "fuente_principal";
    }

.navbar-light .navbar-brand {
    /*width: 70%;*/
}
.navbar > .container-fluid {
    /*flex-wrap: initial;*/
}