/* Remove 4em/4rem padding throughout the page for tighter spacing */

.sticky-services {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.works-square-wrapper.margin-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer-card-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer-card-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer-link-right {
    padding-right: 0 !important;
}

.logo-card-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.works-section-enhanced .works-container-inner {
    padding: 1em !important;
    margin: 4em auto;
}

.works-container-inner {
    padding: 1em !important;
}

.logo-card-grid {
    padding: 1em !important;
}

.dt-nav-container {
    padding-left: 0 !important;
}

/* Add smaller padding for tablet sizes */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .works-section-enhanced .works-container-inner {
        padding: 2em !important;
    }
    
    .works-container-inner {
        padding: 2em !important;
    }
    
    .logo-card-grid {
        padding: 2em !important;
    }
}

/* Add padding back for desktop/full screen sizes */
@media screen and (min-width: 992px) {
    /* Selected Works section padding */
    .works-square-wrapper.margin-top {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    /* Works container inner padding */
    .works-section-enhanced .works-container-inner {
        padding: 4em !important;
    }
    
    .works-container-inner {
        padding: 4em !important;
    }
    
    .logo-card-grid {
        padding: 4em !important;
    }
    
    /* About me section padding */
    .sticky-services {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    
    /* Footer card section padding */
    .footer-wrapper {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}