#e-waste-transformation-forum-page {

#latest-e-waste-transformation-forum {
        background-color: var(--white);
        max-width: 100%;

        .heading {
            text-align: center;
            color: var(--blue);
        }

        .flex_container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding-bottom: 20px;

            .text_content {
                .paragraph {
                    max-width: 900px;
                    color: var(--black);
                };
            };

        };

        .grid_container {
            display: grid;
            justify-content: center;
            gap: 20px;
            max-width: 1300px;
            margin: 0 auto;

            .text_content {
                text-align: center;
                margin: 0 auto;

                .subheading {
                    color: var(--blue);
                };
                
                .paragraph {
                    max-width: 500px;
                    color: var(--black);
                };
            };

        }
    };

    #latest-youtube {
        background-color: #00224e;
        max-width: 100%;
        color: var(--white);

        .heading {
            text-align: center;
        };

        .flex_container {
            max-width: 1200px;
            display: flex;
            gap: 50px;
            flex-wrap: wrap;
            justify-content: center;
            padding-top: 10px;
            padding-bottom: 30px;
            margin: 0 auto;

        };

        .flex-container_two {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;

            .button_container {
                text-align: center;

                button {
                    background-color: var(--alt-gold);
                };

                button:hover {
                    background-color: var(--dark-gold);
                };
            }

            .read_more {
                padding-top: 20px;
                text-transform: uppercase;
                font-size: 12px;

                a {
                    color: var(--color);
                    text-decoration: underline;
                    text-underline-offset: 4px;
                };

                a:hover {
                    color: var(--light-gold);
                };
            };
        }
    };

    @media screen and (min-width: 320px) {
        #latest-e-waste-transformation-forum { 

        .flex_container {
            gap: 25px;
            text-align: center;
        };

        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            .text_content {
                max-width: 250px;
            }
        };
    };

    #latest-youtube {

        .flex_container {
            .youtube_container {
                iframe {
                    width: 100%;
                    height: auto;
                }
            }
        }
    };

    };

    @media screen and (min-width: 425px) {
        #latest-e-waste-transformation-forum { 

        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

            .text_content {
                max-width: 320px;
            }
        };
    };
    }

    @media screen and (min-width: 600px) {
        #latest-youtube {
        .flex_container {
            .youtube_container {
                iframe {
                    width: 500px;
                    height: 315px;
                }
            }
        }
    };
    };

    @media screen and (min-width: 1055px) {
        #latest-e-waste-transformation-forum { 
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));

            .text_content {
                max-width: 400px;
            }
        };
    };

    };

    @media screen and (min-width: 1200px) {
        #latest-e-waste-transformation-forum { 
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));

            .text_content {
                max-width: 500px;
            }
        };
    };

};
};