.breadcrumb-caspratique {
                        display: flex;
                        flex-wrap: wrap;
                        padding: $breadcrumb-padding-y $breadcrumb-padding-x;
                        margin-bottom: $breadcrumb-margin-bottom;
                        @include font-size($breadcrumb-font-size);
                        list-style: none;
                        background-color: $breadcrumb-bg;
                        @include border-radius($breadcrumb-border-radius);
                    }

                    .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
                        color: black !important
                    }

                    .custom-control-label {
                        color: black !important
                    }

                    .content-container {
                        display: grid;
                        grid-template-columns: 1fr 3fr;
                        margin-top: 20PX;
                    }

                    @media (max-width: 800px) {
                        .content-container {
                            display: block !important;
                        }

                        .filtre {
                            margin-bottom: 20px;
                        }

                        .big-banner {
                            width: 100%;
                            height: 30rem;
                            background-size: cover;
                            background-position-x: 50%;
                            position: unset;
                            z-index: 1
                        }

                        .banner.darken .big-banner {
                            opacity: .5;
                            position: relative;
                            z-index: 2;
                            -webkit-transition: .3s ease-in-out;
                            transition: .3s ease-in-out
                        }
                    }