@media (max-width: 393px) {
    article{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }
    img#img1 {
        width: 100%;
    }
    img#img2{
        width: 100%;

    }
    p{
        /* font-size: 1rem; */
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        text-align: center;
        font-size: 1rem;
    }
    h1{
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 1rem;
    }
    body{
        /* border: solid 1px #000; */
        margin: 0;
        padding: 0;
        /* text-align: center; */
        /* font-size: 0.8rem; */
    }
}

@media (min-width:393px){
    body{
        /* border: 1px solid red; */
        margin: 0;
        padding: 0;
        text-align: center;
        /* font-size: 1rem; */
    }
    img#img1{
        width: 100%;
        /* margin: auto; */
    }
    img#img2{
        width: 100%;
    }
    p{
        font-size: 1rem;
    }
    h1{
        font-size: 1.8rem;
    }
    
}