*{
    box-sizing: border-box;
}
#article{
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
#article a{
    text-decoration: none;
    color: #0067b8;
}
.article_1,
.article_2,
.article_3,
.article_4{
    width: 25%;
    height: 70vh;
    background-color: rgba(0, 255, 255, 0);
    padding: 25px 12px 0 12px;
}
.article_1_1{
    width: 100%;
    height: 50%;
    background-image: url("../images/RE1CmIw.jpg");
    background-size: cover;
    background-position: center;
}
.article_2_1{
    width: 100%;
    height: 50%;
    background-image: url("../images/RE2mheW.jpg");
    background-size: cover;
    background-position: center;
}
.article_3_1{
    width: 100%;
    height: 50%;
    background-image: url("../images/REOLLm.png");
    background-size: cover;
    background-position: center;
}
.article_4_1{
    width: 100%;
    height: 50%;
    background-image: url("../images/RE2OfW4.jpg");
    background-size: cover;
    background-position: center;
}
@media screen and (max-width:1070px){
    #article{
        display: flex;
        flex-wrap: wrap;
    }
    .article_1,
    .article_2,
    .article_3,
    .article_4{
        width: 50%;

    }
}
@media screen and (max-width:540px){
    #article{
        display: flex;
        flex-wrap: wrap;
    }
    .article_1,
    .article_2,
    .article_3,
    .article_4{
        width: 100%;

    }
}