@media screen and (max-width: 767.98px) {
    #brands-section {
        width: 100%;
        height: auto; 
        padding: 0 24px;
        margin-top: 40px;
        justify-content: flex-start;
        gap: 16px;
    }
 
    #brands-section h1 {
        font-size: 36px;
        line-height: 44px;
    }
 
    #logo-section {
        width: 100%;
        padding: 0 24px;
        margin: 40px 0;
        flex-direction: column;  
        flex-wrap: nowrap;
        align-items: center;
        gap: 32px;
    }
 
    #logo-section a {
        width: 100%;
        max-width: 350px;
    }
}