.route-home {
    width: 100%;
    height: 240px;
}

/*HOME*/
@media {
    .route-home .article-home {
        border-radius: 20px;
        /* color: #000; */
        display: inline-flex;
        width: 100%;
        height: 100%;
        /* background: black; */
    }
    
    .route-home .article-home > section {
        width: 100%;
    }
    
    .route-home .article-home > section > .home-div {
        padding: 10px;
        width: 100%;
    }
    
    .route-home .article-home > section > .home-div > section {
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }
    
    .route-home .article-home > section > .home-div > section .div-span {
        width: calc((100% - 50px) / 6);
    }

    .route-home .article-home > section > .home-div > section .div-span > * {
        width: 100%;
        /* height: 0; */
        /* padding-top: 100%; */
    }
    
    .route-home .article-home > section > .home-div > section .div-span picture {
        background-color: black;
        border-radius: 10px;
        height: 0;
        padding-top: 100%;
        width: 100%;
    }
}