.footer{
    background:rgb(50, 50, 61);
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}
.footer .logofoot{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
}
.footer .logofoot img{
    width: 12%;
}
.footer .logofoot h1{
    font-size: clamp(2rem, 4vw, 7rem);
    color: #fff;
    font-family: var(--textLogo);
    font-weight: 900;
}

.footer .contTextFoot{
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}

@media(max-width:1200px){
    .footer .contTextFoot{
        margin-bottom: 6rem;
    }
}

.footer .contTextFoot .contactCont{
    display: flex;
    flex-direction: column;
    row-gap: .3rem;
}
.footer .contTextFoot .contactCont a{
    width: max-content;
    font-size: clamp(.6rem, 2vw, 1rem);
    color: #999;
}
.footer .contTextFoot .contactCont a:hover{
    color: #fff;
}

.footer .contTextFoot .rightsCont{
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #999;
}
.footer .contTextFoot .rightsCont h2,
.footer .contTextFoot .rightsCont h3,
.footer .contTextFoot .rightsCont span,
.footer .contTextFoot .rightsCont h4{
    font-size: clamp(.7rem, 2vw, 1.3rem);
}

.footer .contTextFoot .legalCont{
    display: flex;
    align-items: center;
    gap: .7rem;
}
.footer .contTextFoot .legalCont a{
    font-size: clamp(.7rem, 2vw, 1.3rem);
    color: #999;
    text-decoration: underline;
}
.footer .contTextFoot .legalCont a:hover{
    color: #fff;
}