@media only screen and (min-device-width: 600px) {
    .home-4-container {
        width: 90vw;
        margin: 1rem auto;

        @media only screen and (max-device-width: 1023px) {
            width: 100vw;
        }
        
        .home-4-row {
            display: flex;

            @media only screen and (max-device-width: 1023px) {
                display: flex;
                flex-direction: column;
            }
        
            .column1-4 {
                flex: 0 0 72%;
                margin-right: 1rem;

                .home-4-pagination {
                    align-content: center;
                }
                
            }
        
            .column1-100-4 {
                flex: 0 0 100%;

                .home-4-pagination {
                    align-content: center;
                }
            }    
            .sidebar-column {
                flex: 1;
                background-color: lighten($primary-color, 40%);
                padding: 1rem;
            }
        }
        
    }
}

@media only screen and (max-device-width: 599px) {
    .home-4-container {
        display: none;
    }
}

.margin-bottom-5 {
    margin-bottom: 5px;
}
    
.sticky {
    
    border-left: 6px solid $primary-color;
}