footer {
    background-color: #f2f2f2;
    align-items: center;
    justify-content: center;
    padding: 30px 75px;
    /* text-align: center; */
}
footer img{
    height: 50px !important;
}

      /* responsive */
/* For very small screens (e.g., older smartphones, budget devices) */
@media only screen and (min-width: 200px) and (max-width: 320px) {
    
}
  
  /* For small to medium-sized screens (e.g., some older iPhones, smaller Android devices) */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    footer{
        padding: 30px 0;
    }
}
  
  /* For medium-sized screens (e.g., standard smartphones) */
@media only screen and (min-width: 481px) and (max-width: 660px) {
    footer{
        padding: 30px 0;
    }
    footer .crumbs .row .col-sm-12{
        justify-content: start !important;
    }
}
  
  /* For larger screens (e.g., phablets) */
@media only screen and (min-width: 661px) and (max-width: 800px) {
    footer{
        padding: 30px 0;
    }

    footer .info .donate{
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
    }

    footer .crumbs .row .col-sm-12{
        justify-content: start !important;
    }
}
  
  /* For extra-large screens (e.g., tablets) */
@media only screen and (min-width: 801px) and (max-width: 1024px){
    footer{
        padding: 30px 0;
    }

    footer .info .donate{
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
    }

    footer .crumbs .row .col-sm-12{
        justify-content: start !important;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1024px){
  
}

/* For larger screens (e.g., larger laptops, desktop monitors) */

@media only screen and (min-width: 1025px) and (max-width: 1192px) {
      
}

@media only screen and (min-width: 1193px) and (max-width: 1280px) {

}

    /* For extra-large screens (e.g., large monitors, wide desktop screens) */
@media only screen and (min-width: 1281px) {

}