@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200&family=Open+Sans&family=Roboto:wght@100;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
.footer{
    max-width: 100%;
    width: 100%;
    min-height: 350px;
    background-image: linear-gradient(to bottom, #f0f1f2, #1467ab)!important;
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    padding-top: 50px;
    padding-left: 20%;
    padding-right: 20%;
    
}
.brand-footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-brand-footer{
    width: 200px;
}

.nav-footer{
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 40px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin-top: 20px;
    margin-bottom: 20px;
}


.link-footer:link, .link-footer:focus, .link-footer:active, .link-footer:visited{
    color: white;
    font-family: 'Roboto', sans-serif;
    width: fit-content;
    font-weight: 300;
}

.nav-footer .link-footer:nth-child(1){
    justify-content: right;
}

.nav-footer .link-footer:nth-child(3){
    justify-content: left;
}

.info-footer{
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.info-footer a{
    color: white;
}

.item-info-footer{
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 80px;
    transition: box-shadow 0.3s ease;
}

.item-info-footer:hover{
    box-shadow: 3px 3px 5px black;
    transition: 0.2s;
    cursor:pointer;
}

.icon-footer{
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-self: center;
    height: 50%;
}

.icon-footer i{
    font-size: 30px;
    color: white;
}

.info-content-item{
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    text-align: center;
    height: 50%;
}

.link-info-footer{
    color: white;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    font-weight: 300;
}

.link-info-footer{
    height: 100%;
}

@media only screen and (max-width:1200px) {
    .info-footer{
        flex-direction: column;
    }

    .nav-footer{
        flex-direction: column;
        height: 100px;
    }

    .link-footer{
        justify-content: center!important;
    }

    .nav-footer .link-footer:nth-child(2){
        padding-top: 10px;
        padding-bottom: 10px;
    }
}