.ytp-gradient-top {
        display: none;
    }

    .yt-container {
        height: 112vh !important;
    }


    .yt-cover {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100vw;
        height: 56.25vw;
        min-width: 177.77vh;
        min-height: 100vh;
        transform: translate(-50%, -50%);
    }

    .vinet_logo_construction,
    .vinet_logo_amenagement,
    .vinet_logo_agencement,
    .vinet_logo_collection,
    .vinet_image_construction,
    .vinet_image_amenagement,
    .vinet_image_agencement,
    .vinet_image_collection {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .vinet_logo_construction {
        background-image: url('../images/vinet_logo_construction.jpg');
    }

    .vinet_logo_amenagement {
        background-image: url('../images/vinet_logo_amenagement.jpg');
    }

    .vinet_logo_agencement {
        background-image: url('../images/vinet_logo_agencement.jpg');
    }

    .vinet_logo_collection {
        background-image: url('../images/vinet_logo_collection.jpg');
    }

    .vinet_image_construction {
        background-image: url('../images/vinet_image_construction.png');
    }

    .vinet_image_amenagement {
        background-image: url('../images/vinet_image_amenagement.png');
    }

    .vinet_image_agencement {
        background-image: url('../images/vinet_image_agencement.png');
    }

    .vinet_image_collection {
        background-image: url('../images/vinet_image_collection.png');
    }

    .separator-gold {
        border-top: 2px solid rgb(170 165 138);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .blog-container {
        border-left: 1px solid rgb(170 165 138);
        border-right: 1px solid rgb(170 165 138);
    }

    .blog-item {
        border-left: 1px solid rgb(170 165 138);
        border-right: 1px solid rgb(170 165 138);
        border-bottom: 2px solid rgb(170 165 138);
        height: 100%;
    }

    .blog-text {
        border-top: 2px solid rgb(170 165 138);
    }


    .service-title {
        font-size: 25px;
    }

    .service-text,
    .service-item {
        text-align: center;
    }

    .intro-logo {
        width: 50%;
        margin: 0 auto;
    }

    .footer-logo {
        width: 400px;
        margin: 0 auto;
    }

    .social-container {
        justify-content: center;
    }

    .blog-title {
        color: rgb(255 255 255);
        font-size: 22px;
    }

    .blog-subtitle {
        font-size: 11px;
    }

    .blog-text {
        font-size: 15px;
    }

    .newsletter-form input::placeholder {
        color: rgb(170 165 138);
    }

    .blog-header {
        text-align: center;
        width: 100%;
    }

    .hero-logo {
        width: 300px;
        right: 200px;
    }

    #services-section :is(:where(.dark) *) {
        color: rgb(21 21 21);
    }

    #services-section h3,
    #services-section h5,
    #services-section p {
        color: rgb(21 21 21);
    }

    #services-section .service-item :is(:where(.dark) *) {
        color: rgb(170 165 138);
    }

    #services-section service-item h3,
    #services-section .service-item h5,
    #services-section .service-item p {
        color: rgb(170 165 138);
    }

    .newsletter-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 1rem;

    }

    .col-1-2 {
        padding-left: 2rem;
        padding-right: 2rem;
    }


    @media (max-width: 1780px) {
        .yt-container {
            height: 100vh !important;
        }
    }


    @media (max-width:1279px) {

        .vinet_image_construction,
        .vinet_image_amenagement,
        .vinet_image_agencement,
        .vinet_image_collection {
            display: none;
        }
    }

    @media (max-width:1023px) {
        .hero-logo {
            top: 46%;
        }

        .blog-header {
            height: 270px;
        }

        .blog-image {
            height: 182px;
        }
    }

    @media (max-width:992px) {
        .hero-logo-container {
            display: none;
        }
    }

    @media (max-width:768px) {
        .yt-cover {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
            min-width: 100vw;
            min-height: 100vh;
            transform: translate(-50%, -50%);
        }

        .yt-container {
            height: 39vh !important;
        }

        .yt-cover {
            height: 39vh !important;
        }

        .blog-header {
            height: unset;
        }

        .blog-container {
            border: none;
        }

        .blog-image {
            height: unset;
        }

        .newsletter-container {
            display: block;
        }

        .newsletter-form {
            margin: 0 auto;
            margin-top: 20px;
        }

        .newsletter-text .line,
        .line {
            text-align: right !important;
        }
    }

    @media (max-width:600px) {
        .yt-container {
            height: 31.5vh !important;
        }

        .yt-cover {
            height: 31.5vh !important;
        }
    }