.footer{
    min-height: 20svh;
    background: linear-gradient(0, #353a39, #4b5251);
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding-bottom: 7rem;
}

.contFoot{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    height: 70%;
    width: 100%;
}
.contFoot .leftDiv{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 1 27rem;
    padding: 1rem;
}
.contFoot .leftDiv h3{
    color: #d8d8d8;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: lighter;
}
.contFoot .leftDiv p{
    color: #aaa;
    font-size: clamp(.5rem, 2vw, .7rem);
    font-weight: lighter;
}

.footLinks{
    display: flex;
    align-items: center;
    width: max-content;
    gap: .4rem;
}
.footLinks a{
    font-size: clamp(1rem, 2vw, 1.3rem);
    color: #c4c4c4;
    padding: .2rem;
    background: #333;
    border-radius: 50%;
    height: 2.3rem;
    width: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rightDiv{
    display: flex;
    flex-direction: column;
    flex: 1 1 25rem;
    padding: 1rem;
}
.rightDiv p{
    margin-bottom: 1rem;
    color: #d8d8d8;
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: lighter;
}
.rightDiv a{
    width: max-content;
    color: #999;
    font-size: clamp(.6rem, 2vw, .9rem);
}
.rightDiv a:hover{
    color: #fff;
}

.legalCont{
    background: linear-gradient(0, #222, #333);
    width: 100%;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    flex-wrap: wrap;
    gap: .5rem;
}
.legalCont .dataFoot{
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: .3rem;
}
.legalCont .dataFoot p{
    color: #aaa;
    font-size: clamp(.5rem, 2vw, .7rem);
}

.legalCont .linksLegal{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
}
.legalCont .linksLegal a{
    color: #aaa;
    font-size: clamp(.5rem, 2vw, .7rem);
}
.legalCont .linksLegal a:hover{
    color: #fff;
}

.legalCont .setCookie{
    font-size: clamp(.8rem, 2vw, 1rem);
    color: #aaa;
    cursor: pointer;
}
.legalCont .setCookie:hover{
    color: #fff;
}