#footer-section{
    height: 350px;
}

footer{
    display: inline-block;
    width: 100%;
    height : 100%;
    background-color : black;
    font-size: 18px;
}
    
#ft-top{
    display: inline-block;
    width:100%;
    height : 275px;
    color: white;
}

#ft-desc-co,#ft-contact-co{
    height: 250px;
    padding-top : 25px;
}

#ft-contact-co{
    display: inline-block;
    width: 100%;
    max-width: 350px;
}

#ft-logo-co{
    height: 75px;
}

#ft-logo{
    display: inline-block;
    height: 75px;
    object-fit: cover;
}

#ft-ti-co{
    height: 175px;
    color: white;
}

#ft-ti{
    margin: 0%;
    margin-left: 25px;
}

.ft-contact-rw{
    position: relative;
    display: inline-block;
    height: 40px;
    width: 100%;
    margin: 7px 0px;
}

.ft-contact-icon{
    display: inline-block;
    height: 30px;
    object-fit: cover;
}

.ft-contact-ti{
    left: 45px;
    font-size: 18px;
}

@media screen and (min-width : 800px) and (max-width : 850px) {
    footer{
        font-size: 16.5px;
    }
}

@media screen and (max-width :640px){
    #footer-section{
        height: 550px;
    }

    #ft-top{
        height: 450px;
    }

    #ft-desc,#ft-contact{
        width: 100%;
        height: 50%;
        left: 0%;
    }

    #ft-contact{
        top: 50%;
    }

    #ft-contact-co{
        left: 25px;
    }

    #ft-ti{
        width: 95%;
        margin-left: 5%;
    }

    footer,.ft-contact-ti{
        font-size: 16px;
    }
}

@media screen and (max-width :360px){
    footer,.ft-contact-ti{
        font-size: 15px;
    }
}