.content4{
    display: flex;
    height: 48vw;
}
    .content4>article{
        width: 50%;
    }
        .content4>.content4-article1{
            background-color: white;
            padding: 5vw;
        }
            .content4-article1>h2{
                width: 20vw;
                font-size: 2.5vw;
                font-weight: 900;
                margin-bottom: 3vw;
            }
                .content4-article1>section{
                    width: 30vw;
                }
                    .content4-article1>section>article{
                        display: flex;
                        align-items: center;
                        width: 30vw;
                        margin-bottom: 2vw;
                    }
                        .content4-article1>section>article>p{
                            margin-left: 2vw;
                            font-size: 1.5vw;
                            font-weight: 600;
                        }
                        .content4-article1>section>article>img{
                            width: 8vw;
                        }

        #content4-article2{
            display: flex;
            background-color: black;
            align-items: center;
            justify-content: center;
        }
            #content4-article2>img{
                width: 70%;
            } 
            
            
@media only screen and (max-width: 600px) {
    .content4{
        display: block;
        height: 250vw;
    }
        .content4>article{
            width: 100%;
        }
                .content4-article1>h2{
                    width: 50vw;
                    font-size: 10vw;
                    margin-bottom: 6vw;
                }
                    .content4-article1>section{
                        width: 60vw;
                    }
                        .content4-article1>section>article{
                            width: 90vw;
                            margin-bottom: 5vw;
                        }
                            .content4-article1>section>article>p{
                                margin-left: 5vw;
                                font-size: 5vw;
                            }
                            .content4-article1>section>article>img{
                                width: 30vw;
                            }
    
            #content4-article2{
                height: 105vw;
            }
                #content4-article2>img{
                    width: 90%;
                } 
                
}