footer{
    background-color: #333333;
    color: white;
}
footer .module-middle-header{
    color: white;
}
footer .contact-media-container{
    justify-content: space-between;
}
footer li,
footer .contact-container{
    color: #dadada;
}
footer .contact-container .contact-number{
    font-size: 28px;
    font-weight: bold;
    color: royalblue;
}
footer .follow-container .contact-barcode{
    width: 200px;
}
footer .copyright-container{
    color: #dadada;
}
@media screen and (max-width: 991px) {
    footer .intro-container{
        padding: 0 20px;
    }
    footer .contact-media-container{
        padding: 0 20px;
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 767px) {
    footer .contact-media-container{
        padding: 0 15px;
        margin-top: 25px;
        grid-template-columns: repeat(1, 1fr);
    }
    footer .contact-media-container .follow-container{
        margin-top: 25px;
    }
}