nav{
    height: 90px;
}

.barra-nav {
    max-width: 20%;
    color: #fff;
}

.barra-nav a{
    color: #fff;
}

.barra-nav a:hover{
    color: rgb(129, 125, 125);
}

.footer {
    background: rgba(43, 41, 41);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer>div {
    width: 50%;
    text-align: center;
}

#form-footer {
    width: 100%;
    margin: 20px 0px;
    text-align: center;
}

.content-form {
    display: flex;
    justify-content: center;
}
.content-form>div{
    margin: 10px;
}

.btn-form-footer {
    border-color: white;
    font-size: 12px;
    margin-top: 3px;
    color: #fff !important;
}

.btn-form-footer:hover {
    background: rgb(170, 170, 170);
}

#redes-sociales-footer {
    width: 100%;
}

#section-redes-sociales {
    width: 100%;
    text-align: center;
}

#p-info-form-footer {
    width: 100%;
    margin-top: 10px;
}

@media screen and (max-width:600px) {
    .barra-nav {
        max-width: 70%;
    }

    #logo-img{
        width: 50%;
    }

    #logo-img img{
        width: 70%;
    }
}