.footer-contact{
    background-color: var(--color-greyA);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    gap: 20px;
}

.footer-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.text-footer{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    width: 90%;
    gap: 24px;
}

.text-footer h1{
    color: white;
    font-family: 'Tenor Sans';
    font-size: 31px;
    margin-top: 40px;
    text-align: center;
}

.footer-name{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.text-footer span{
    color: white;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}

.img-footer{
    width: 100%;
    display: flex;
    justify-content: center;
}

.img-footer img{
    border-radius: var(--card-radius);
    cursor: pointer;
    width: 300px;
}

.end-footer{
    color: white;
    font-family: 'Tenor Sans';
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 40px;
}

.box-contact{
    display: flex;
    justify-content: center;
}

.list-contact >li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
    font-family: 'Tenor Sans';
}

.footer-addres{
    margin-bottom: 25px;
    display:flex;
    justify-content: center;
}

.footer-addres >span{
    text-align: center;
}


@media (min-width: 768px){
    .text-footer {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
        width: 90%;
        gap: 24px;
        align-items: center;
    }

    .footer-name {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .footer-addres {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 55%;
    }

    .footer-box {
        margin-top: 20px;
    }
}

@media (min-width: 1024px){
    .footer-contact{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .box-contact {
        display: flex;
        justify-content: flex-start;
    }
    
    .footer-box{
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 90%;
        justify-content: space-around;
    }

    .footer-name {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }


    
    .text-footer{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 100%;
        align-items: flex-start;
    }

    .text-footer h1{
        color: white;
        font-family: 'Tenor Sans';
        font-size: 36px;
        margin-bottom:10px;
    }
    
    .text-footer span{
        color: white;
        font-family: 'Inter';
        font-size: 16px;
        line-height: 1.2;
        text-align: left;
    }

    .img-footer {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    
    .img-footer img{
        border-radius: var(--card-radius);
        cursor: pointer;
        width: 430px;
    }
    
    .end-footer{
        color: white;
        font-family: 'Tenor Sans';
        font-size: 16px;
        line-height: 1.2;
    }
    
    .list-contact li{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: white;
        font-family: 'Tenor Sans';
    }
    
    .footer-addres{
        width: 68%;
        margin-bottom: 25px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
}


    
@media (min-width: 1024px){
    .text-footer h1 {
            font-size: 45px;
    }

    .text-footer span {
        font-size: 20px;
    }

    .text-footer span {
        font-size: 20px;
        width: 530px;
    }

    .end-footer {
        font-size: 20px;
    }

    .li-contact >p{
            font-size: 20px;
    }
}