.footerContainer {
    width: 100%;
    height: auto;
    background-color: #000000;
    display: flex;
    flex-direction: column;
}

.footerContent{
    width: 95%;
    margin: auto;
    height: auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.footerLogo {
    width: auto;
    padding-right: 15px;
    max-width: 20%;
    height: 80%;
    display: flex;
}

.footerLogo a {
    height: 60px;
}
.footerLogo img {
    height: 60px;
}


.footerList {
    width: auto;
    max-width: 20%;
    height: 80%;
    padding-right: 15px;
}
.footerList ul{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 5px;
}

.footerList li{
padding: 5px 0;
}

.footerImgSocials {
    width: auto;
    max-width: 20%;
    height: 80%;
    display: flex;
    flex-direction: column;
}

.footerSocialsTitle {
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.footerSocials {
    width: 60%;
    height: auto;
    margin: 0 auto 0 auto;
    display: flex;
    padding: 10px 0;
}

.footerSocials a{
    width: 20%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerSocials img{
    width: 60%;
    height: auto;
    display: flex;
}

.footerAvailableApps {
    width: auto;
    height: 80%;
    max-width: 20%;
    display: flex;
    flex-direction: column;
}

.footerAvailableTitle {
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.footerAvailable {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    display: flex;
}

.footerAvailable a{
    width: 40%;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerAvailable img{
    width: 100%;
    height: auto;
    display: flex;
}

.footerCopyright{
    width: 100%;
    height: 50px;
    background-color: #5b2f4b;
    display: flex;
    justify-content: center;
    align-items: center;
}



@media screen and (min-width: 320px) and (max-width: 479px) {
    .footerLogo {
        width: 100%;
        max-width: 30%;
        height: 100px;
    }

    .footerList {
        width: 100%;
        max-width: 50%;

        height: 100px;
    }

    .footerImgSocials {
        width: 100%;
        max-width: 100%;
        height: 100px;
    
    }
    
    .footerAvailableApps {
        width: 100%;
        height: 100px;
        max-width: 100%;
    
    }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
    .footerLogo {
        width: 100%;
        max-width: 30%;
        height: 100px;
    }

    .footerList {
        width: 100%;
        max-width: 50%;

        height: 100px;
    }

    .footerImgSocials {
        width: 100%;
        max-width: 100%;
        height: 100px;
    
    }
    
    .footerAvailableApps {
        width: 100%;
        height: 100px;
        max-width: 100%;
    
    }
}

@media screen and (min-width: 600px) and (max-width: 800px) {
    .footerLogo {
        width: 100%;
        max-width: 20%;
        height: 100px;
    }

    .footerList {
        width: 100%;
        max-width: 10%;
        height: 100px;
    }

    .footerImgSocials {
        width: 100%;
        max-width: 30%;
        height: 100px;
    
    }
    
    .footerAvailableApps {
        width: 100%;
        height: 100px;
        max-width: 30%;
    
    }
}