#handover-ceremony-page {

#latest-handover-ceremony {
    background-color: #ffeadb;
    max-width: 100%;
    color: var(--black);

        .flex_container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            margin-top: 12px;

            .large_text {
                color: var(--dark-brown);
                font-size: 20px;
                font-weight: 700;
                line-height: 25px;
            }

            .large_text_2 {
                font-size: 25.5px;
                line-height: 32px;
            }

            .large_text_3 {
                font-size: 23.5px;
                line-height: 30px;
            }
    };

        .grid_container {   
            max-width: 1200px;
            margin: 0 auto;
            display: grid;

            .text_content {
                .large_text {
                    color: var(--dark-brown);
                    font-size: 20px;
                    font-weight: 700;
                    line-height: 25px;
                }

                .large_text_2 {
                    font-size: 25.5px;
                    line-height: 32px;
                }

                .large_text_3 {
                    font-size: 23px;
                    line-height: 30px;
                }
            }

            .image_container {
                max-width: 100%;
                .image_normal {
                    max-width: 100%;
                }
            }
            
        }

        .grid_container_two {
            margin-top: 30px;
        }

        .grid_container_three {
            margin-top: 30px;
        }

        .grid_container_four {
            margin-top: 30px;
        }

        .grid_container_five {
            margin-top: 30px;
        }

        .grid_container_six {
            margin-top: 30px;
        }

        .grid_container_seven {
            margin-top: 30px;
        }

        .grid_container_eight {
            margin-top: 30px;
        }

    @media screen and (min-width: 320px) {

        .grid_container {   
            grid-template-columns: 1fr;
            gap: 30px;

            .text_content {

                .paragraph {
                    text-align: left;
                }
            }
            
        }

    };

    @media screen and (min-width: 1000px) {
        .grid_container {   
            grid-template-columns: 50% 47%;
            gap: 60px;

            .text_content {

                .paragraph {
                    text-align: justify;
                }
            }

            .image_container {
                .image_normal {
                    margin-top: 5px;
                }
            }
            
        }
    };

};
};